diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 29adab4..aee11dc 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -55,7 +55,7 @@ const config: Config = { title: 'Libre Wedding Planner', logo: { alt: 'Libre Wedding Planner Logo', - src: 'img/logo.svg', + src: 'img/logo.png', }, items: [ { diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx index 50a9e6f..9a08de3 100644 --- a/src/components/HomepageFeatures/index.tsx +++ b/src/components/HomepageFeatures/index.tsx @@ -2,50 +2,62 @@ import clsx from 'clsx'; import Heading from '@theme/Heading'; import styles from './styles.module.css'; +import guestsFeatureImage from '@site/static/img/guests.png'; +import expensesFeatureImage from '@site/static/img/expenses.png'; +import seatingFeatureImage from '@site/static/img/tables.png'; +import openSourceFeatureImage from '@site/static/img/gift.png'; + type FeatureItem = { title: string; - Svg: React.ComponentType>; + imagePath: string; description: JSX.Element; }; const FeatureList: FeatureItem[] = [ + { - title: 'Easy to Use', - Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default, + title: 'Guests management', + imagePath: guestsFeatureImage, description: ( <> - Docusaurus was designed from the ground up to be easily installed and - used to get your website up and running quickly. + Manage your guests' list, their RSVP status, as well as their dietary preferences and transportation needs. ), }, { - title: 'Focus on What Matters', - Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default, + title: 'Control expenses', + imagePath: expensesFeatureImage, description: ( <> - Docusaurus lets you focus on your docs, and we'll do the chores. Go - ahead and move your docs into the docs directory. + Configure your fixed and per-guest expenses, keeping control of the maximum and projected cost of the wedding (based on your guests' RSVP). ), }, { - title: 'Powered by React', - Svg: require('@site/static/img/undraw_docusaurus_react.svg').default, + title: 'Seating plan', + imagePath: seatingFeatureImage, description: ( <> - Extend or customize your website layout by reusing React. Docusaurus can - be extended while reusing the same header and footer. + Organize your guests into groups and subgroups, and let advanced algorithms suggest different seating arrangements based on the affinity between groups. + + ), + }, + { + title: 'Free and Open Source', + imagePath: openSourceFeatureImage, + description: ( + <> + Libre Wedding Planner is free software, licensed under the AGPLv3. You can use it, modify it, and distribute it according to the license terms. Please, find the source code links in the footer of this page. ), }, ]; -function Feature({title, Svg, description}: FeatureItem) { +function Feature({title, imagePath, description}: FeatureItem) { return ( -
+
- + {title}
{title} @@ -57,14 +69,17 @@ function Feature({title, Svg, description}: FeatureItem) { export default function HomepageFeatures(): JSX.Element { return ( + <> +

Features

-
+
{FeatureList.map((props, idx) => ( ))}
+ ); } diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css index b248eb2..d9c7290 100644 --- a/src/components/HomepageFeatures/styles.module.css +++ b/src/components/HomepageFeatures/styles.module.css @@ -1,6 +1,6 @@ .features { display: flex; - align-items: center; + justify-content: space-around; padding: 2rem 0; width: 100%; } @@ -9,3 +9,9 @@ height: 200px; width: 200px; } + +h2 { + text-align: center; + padding: 2rem; + font-size: 2rem; +} diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 400a3e1..783095e 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,5 +1,4 @@ import clsx from 'clsx'; -import Link from '@docusaurus/Link'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import Layout from '@theme/Layout'; import HomepageFeatures from '@site/src/components/HomepageFeatures'; @@ -16,13 +15,6 @@ function HomepageHeader() { {siteConfig.title}

{siteConfig.tagline}

-
- - Docusaurus Tutorial - 5min ⏱️ - -
); @@ -32,8 +24,8 @@ export default function Home(): JSX.Element { const {siteConfig} = useDocusaurusContext(); return ( + title={siteConfig.title} + description="Free and Open Soruce software to assist the organization of weddings">
diff --git a/static/img/expenses.png b/static/img/expenses.png new file mode 100644 index 0000000..0366447 Binary files /dev/null and b/static/img/expenses.png differ diff --git a/static/img/favicon.ico b/static/img/favicon.ico index c01d54b..7e8d422 100644 Binary files a/static/img/favicon.ico and b/static/img/favicon.ico differ diff --git a/static/img/gift.png b/static/img/gift.png new file mode 100644 index 0000000..72a81e9 Binary files /dev/null and b/static/img/gift.png differ diff --git a/static/img/guests.png b/static/img/guests.png new file mode 100644 index 0000000..a063a93 Binary files /dev/null and b/static/img/guests.png differ diff --git a/static/img/logo.png b/static/img/logo.png new file mode 100644 index 0000000..a7a19cc Binary files /dev/null and b/static/img/logo.png differ diff --git a/static/img/tables.png b/static/img/tables.png new file mode 100644 index 0000000..617449b Binary files /dev/null and b/static/img/tables.png differ diff --git a/static/img/undraw_docusaurus_mountain.svg b/static/img/undraw_docusaurus_mountain.svg deleted file mode 100644 index af961c4..0000000 --- a/static/img/undraw_docusaurus_mountain.svg +++ /dev/null @@ -1,171 +0,0 @@ - - Easy to Use - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/undraw_docusaurus_react.svg b/static/img/undraw_docusaurus_react.svg deleted file mode 100644 index 94b5cf0..0000000 --- a/static/img/undraw_docusaurus_react.svg +++ /dev/null @@ -1,170 +0,0 @@ - - Powered by React - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/static/img/undraw_docusaurus_tree.svg b/static/img/undraw_docusaurus_tree.svg deleted file mode 100644 index d9161d3..0000000 --- a/static/img/undraw_docusaurus_tree.svg +++ /dev/null @@ -1,40 +0,0 @@ - - Focus on What Matters - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -