Initial working version of the website

Author: writeonlycode

README.md

@@ -1,38 +1,64 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# Next Landing
 
-## Getting Started
+This is a landing page project built with Next.js, designed to provide small
+businesses with a clean and professional online presence. The landing page is
+easily customizable and can be configured using YAML files, making it simple to
+update and maintain.
 
-First, run the development server:
+Next.js is a powerful framework that offers many advantages, including easy
+setup, optimized performance, built-in SEO support, and high customizability
+and extensibility. Additionally, the landing page uses static site generation,
+resulting in faster load times, improved SEO, and reduced server load.
+
+We believe this landing page project will be a valuable asset for small
+businesses seeking to establish an online presence.
+
+
+## Project Setup
+
+1. Clone the repository.
+2. Install dependencies by running `npm install`.
+3. Configure the title and metatags of the website using the
+   `/config/config.yaml` file.
+4. Configure the menu with the `/config/menu.yaml` file.
+5. Configure the content of the sections of the landing page by editing the
+   YAML files inside the `/data` directory.
+
+
+## Running Locally
+
+To run the development version of the landing page locally, use the following
+command:
 
 ```bash
 npm run dev
-# or
-yarn dev
-# or
-pnpm dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+This will start the development server at `http://localhost:3000/`.
 
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+To run the production version of the landing page locally, use the following
+commands:
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+```bash
+npm run build
+npm run start
+```
 
-## Learn More
+This will build the production version of the landing page and start the server
+at `http://localhost:3000/`.
 
-To learn more about Next.js, take a look at the following resources:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+## Deploying to Vercel
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+To deploy the landing page to Vercel, follow these steps:
 
-## Deploy on Vercel
+1. Create an account on Vercel.
+2. Install the Vercel CLI by running `npm install -g vercel`.
+3. Run `vercel login` and follow the prompts to authenticate your account.
+4. Run `vercel` to deploy the project to Vercel.
+5. Follow the prompts to configure your deployment settings.
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+Once the deployment is complete, your landing page will be live at the URL
+provided by Vercel.
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+Thank you for choosing this landing page project!

config/config.yaml

@@ -0,0 +1,6 @@
+title: "Clarity Optics"
+description: >
+  Our store is all about helping customers see the world with perfect clarity.
+  From prescription glasses and contact lenses to sunglasses and sports
+  goggles, we have everything you need to enhance your vision and protect your
+  eyes.

config/menu.yaml

@@ -0,0 +1,8 @@
+- name: "History"
+  link: "#history"
+
+- name: "About"
+  link: "#about"
+
+- name: "Services"
+  link: "#services"

data/about.yaml

@@ -0,0 +1,23 @@
+pretitle: "Your Vision is Our Priority"
+title: "About Clarity Optics"
+text: >
+  At Clarity Optics, we believe that clear, healthy vision is essential to
+  living your best life. That's why we've built our practice around providing
+  exceptional eye care services and high-quality eyewear to our community.
+
+image: "/assets/images/about-bud-helisson.png"
+
+brands:
+  title: "Our Trusted Partners in Vision"
+  items:
+    - name: "Moscot Logo"
+      image: "/assets/images/about-moscot.png"
+
+    - name: "Oliver Peoples Logo"
+      image: "/assets/images/about-oliver-peoples.png"
+
+    - name: "raiban Logo"
+      image: "/assets/images/about-raiban.png"
+
+    - name: "Tom Ford Logo"
+      image: "/assets/images/about-tom-ford.png"

data/footer.yaml

@@ -0,0 +1,38 @@
+menu:
+  title: "Menu"
+  items:
+    - name: "History"
+      link: "#history"
+
+    - name: "About"
+      link: "#about"
+
+    - name: "Services"
+      link: "#services"
+
+hours:
+  title: "Hours"
+  items:
+    - name: "Monday-Friday<br/>9:30-12:30 and 14:30-18:30"
+    - name: "Saturday<br/>9:30-17:30"
+
+location:
+  title: "Location"
+  items:
+    - name: "2932 Pleasant Hill Rd, Kissimmee, Florida"
+
+    - name: "Open with Google Maps →"
+      link: "https://goo.gl/maps/ZGYU7TiV3TK7Uitc6"
+      newWindow: true
+
+copyright:
+  items:
+    - name: "Copyright © 2023 Clarity Optics. All rights reserved."
+
+    - name: "Next.JS Theme by Iago Bozza."
+      link: "https://github.com/writeonlycode/next-landing"
+      newWindow: true
+
+    - name: "Original Design by Michael Martinelli."
+      link: "https://www.figma.com/community/file/1079464538758466856"
+      newWindow: true

data/hero.yaml

@@ -0,0 +1,3 @@
+title: "Clarity Optics"
+lead: "Enhancing your vision and your life"
+backgroundImage: "/assets/images/hero-verticz-squencz.png"

data/history.yaml

@@ -0,0 +1,10 @@
+pretitle: "Discover the Power of Perfect Vision"
+title: "Enhancing Your Life Through Vision"
+text: >
+  Established in 2005, Clarity Optics has been providing premium eye care
+  services and high-quality eyewear to the local community for over 15 years.
+  With a team of experienced optometrists and opticians, we offer comprehensive
+  eye exams, personalized fittings, and a wide selection of frames and lenses
+  to help our customers see clearly and feel confident in their glasses.
+
+image: "/assets/images/history-jaron-nix.png"

data/services.yaml

@@ -0,0 +1,9 @@
+pretitle: "Comprehensive Eye Care"
+title: "Our Services"
+text: >
+  At Clarity Optics, we offer a wide range of services to help you achieve and
+  maintain optimal eye health and vision. Our experienced optometrists and
+  opticians provide comprehensive eye exams, personalized fittings, and a wide
+  selection of frames and lenses to suit your needs and preferences.
+
+image: "/assets/images/services-david-travis.png"