Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 59ee7acf38 | |||
| 514e12b451 | |||
| 18580f457c |
375
src/app/page.tsx
375
src/app/page.tsx
@@ -2,14 +2,14 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -26,277 +26,108 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarStyleApple
|
||||||
navItems={[
|
brandName="A Taste of Worcester"
|
||||||
{
|
navItems={[
|
||||||
name: "Home",
|
{ name: "Home", id: "hero" },
|
||||||
id: "hero",
|
{ name: "About", id: "about" },
|
||||||
},
|
{ name: "Menu", id: "menu" },
|
||||||
{
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
name: "About",
|
{ name: "FAQ", id: "faq" },
|
||||||
id: "about",
|
{ name: "Contact", id: "contact" },
|
||||||
},
|
]}
|
||||||
{
|
/>
|
||||||
name: "Menu",
|
</div>
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="American Flatbread"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroSplitDualMedia
|
||||||
title="Wood-Fired Goodness in Worcester"
|
title="A Taste of Worcester"
|
||||||
description="Experience organic, artisanal flatbreads handcrafted and baked in our traditional wood-fired ovens. Serving our community with passion and locally sourced ingredients."
|
description="Authentic, wood-fired artisanal flatbreads made with locally sourced, organic ingredients."
|
||||||
buttons={[
|
tag="Welcome to our kitchen"
|
||||||
{
|
rating={5}
|
||||||
text: "View Our Menu",
|
ratingText="Rated 5 stars by our local community"
|
||||||
href: "#menu",
|
mediaItems={[
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/greenies-qutab-greens-herbs-dough-cook-brown-wood-rustic-desk_140725-14966.jpg", imageAlt: "Fresh flatbread preparation" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cutter-near-pizza_23-2147772074.jpg", imageAlt: "Wood-fired oven" }
|
||||||
text: "Order Online",
|
]}
|
||||||
href: "#",
|
background={{ variant: "sparkles-gradient" }}
|
||||||
},
|
/>
|
||||||
]}
|
</div>
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/greenies-qutab-greens-herbs-dough-cook-brown-wood-rustic-desk_140725-14966.jpg"
|
|
||||||
imageAlt="Artisanal flatbread pizza from our wood-fired oven"
|
|
||||||
showBlur={true}
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
|
||||||
alt: "Happy customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3547.jpg",
|
|
||||||
alt: "Satisfied diner",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-surrounded-by-peanut-butter-jellly-sandwiches_273609-36460.jpg",
|
|
||||||
alt: "Community member",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/charming-lady-red-stylish-beret-smiling-sitting-sofa-wonderful-young-woman-with-dark-hair-beige-coat-posing_197531-27623.jpg",
|
|
||||||
alt: "Returning guest",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg",
|
|
||||||
alt: "Pizza enthusiast",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Join our community of pizza lovers"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<TextAbout
|
||||||
useInvertedBackground={true}
|
title="Rooted in Our Community"
|
||||||
title="Baked with Passion & Integrity"
|
tag="About Us"
|
||||||
description="At American Flatbread Worcester, we believe that food should be simple, real, and connect us to our community. Our flatbreads start with organic, stone-ground flour and are baked to perfection in wood-fired ovens built by hand. We partner with local farmers to ensure every bite supports the land and the people who nurture it."
|
useInvertedBackground={true}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/cutter-near-pizza_23-2147772074.jpg"
|
/>
|
||||||
imageAlt="Our traditional wood-fired oven"
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<ProductCardOne
|
<ProductCardThree
|
||||||
animationType="slide-up"
|
title="Our Signature Flatbreads"
|
||||||
textboxLayout="split-description"
|
description="Freshly baked and seasonal selections."
|
||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
animationType="slide-up"
|
||||||
products={[
|
textboxLayout="split-description"
|
||||||
{
|
useInvertedBackground={false}
|
||||||
id: "p1",
|
products={[
|
||||||
name: "Revolution",
|
{ id: "p1", name: "Revolution", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=1" },
|
||||||
price: "$18",
|
{ id: "p2", name: "Medicine Wheel", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=2" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=1",
|
{ id: "p3", name: "Homemade Sausage", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=3" }
|
||||||
imageAlt: "Revolution Flatbread",
|
]}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
id: "p2",
|
|
||||||
name: "Medicine Wheel",
|
|
||||||
price: "$19",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=2",
|
|
||||||
imageAlt: "Medicine Wheel Flatbread",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Homemade Sausage",
|
|
||||||
price: "$20",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=3",
|
|
||||||
imageAlt: "Sausage Flatbread",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "New York Plain",
|
|
||||||
price: "$16",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=4",
|
|
||||||
imageAlt: "New York Plain",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Spinach & Mushroom",
|
|
||||||
price: "$19",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=5",
|
|
||||||
imageAlt: "Spinach Flatbread",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Roasted Peppers",
|
|
||||||
price: "$18",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-table_23-2148570393.jpg?_wi=6",
|
|
||||||
imageAlt: "Roasted Pepper Flatbread",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Our Signature Flatbreads"
|
|
||||||
description="Explore our menu of seasonal favorites and classic creations, all fired up in our open hearth."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwo
|
<TestimonialCardTwelve
|
||||||
animationType="slide-up"
|
cardTitle="Community Favorites"
|
||||||
textboxLayout="split-description"
|
cardTag="Hear from our neighbors"
|
||||||
useInvertedBackground={true}
|
cardAnimation="slide-up"
|
||||||
testimonials={[
|
useInvertedBackground={false}
|
||||||
{
|
testimonials={[
|
||||||
id: "1",
|
{ id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||||
name: "Alex R.",
|
{ id: "2", name: "Sarah M.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3547.jpg" }
|
||||||
role: "Local Resident",
|
]}
|
||||||
testimonial: "The best crust I've ever had. You can taste the wood-fired love in every bite.",
|
/>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Sarah M.",
|
|
||||||
role: "Foodie",
|
|
||||||
testimonial: "Authentic, fresh, and consistently delicious. A Worcester staple!",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3547.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "James L.",
|
|
||||||
role: "Frequent Diner",
|
|
||||||
testimonial: "The atmosphere is always welcoming, and the service is genuine.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-surrounded-by-peanut-butter-jellly-sandwiches_273609-36460.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Emily K.",
|
|
||||||
role: "Vegetarian",
|
|
||||||
testimonial: "The veggie options are incredible. Fresh, locally sourced ingredients really make a difference.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-red-stylish-beret-smiling-sitting-sofa-wonderful-young-woman-with-dark-hair-beige-coat-posing_197531-27623.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Michael B.",
|
|
||||||
role: "Pizza Enthusiast",
|
|
||||||
testimonial: "A true community experience. The quality is unmatched.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-pretty-young-teenage-girl-with-dark-skin-crisp-hair-keeps-hand-chin-dressed-casual-clothes-poses-against-cafe-interior-meets-with-best-friend-has-spare-time-weekend_273609-29076.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="From Our Table to Yours"
|
|
||||||
description="Hear what our neighbors say about their experience at American Flatbread."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitText
|
||||||
textboxLayout="split-description"
|
sideTitle="Common Questions"
|
||||||
useInvertedBackground={false}
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
useInvertedBackground={false}
|
||||||
{
|
faqs={[
|
||||||
id: "f1",
|
{ id: "f1", title: "Do you offer gluten-free options?", content: "Yes, we have gluten-friendly alternatives available." },
|
||||||
title: "Do you offer gluten-free options?",
|
{ id: "f2", title: "Are ingredients organic?", content: "We source organic, local ingredients whenever possible." }
|
||||||
content: "Yes! We take pride in our gluten-friendly alternatives to ensure everyone can enjoy our flatbreads.",
|
]}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
id: "f2",
|
|
||||||
title: "Are your ingredients organic?",
|
|
||||||
content: "Absolutely. We prioritize locally sourced, organic ingredients whenever possible to maintain quality.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "Do you host private events?",
|
|
||||||
content: "We do! Please contact us directly for more information on hosting your next gathering here.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-table-assortment-with-plant_23-2148914894.jpg"
|
|
||||||
imageAlt="FAQ Background Image"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
title="Frequently Asked Questions"
|
|
||||||
description="Curious about our ingredients or hosting a group?"
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactText
|
<ContactSplitForm
|
||||||
useInvertedBackground={true}
|
title="Contact Us"
|
||||||
background={{
|
description="Reach out with questions or event inquiries."
|
||||||
variant: "cell-wave",
|
inputs={[
|
||||||
}}
|
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||||
text="Visit us in Worcester and taste the difference. We can't wait to fire up the oven for you."
|
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||||
buttons={[
|
]}
|
||||||
{
|
useInvertedBackground={false}
|
||||||
text: "Get Directions",
|
mediaPosition="right"
|
||||||
href: "#",
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-table-assortment-with-plant_23-2148914894.jpg"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
text: "Call Now",
|
|
||||||
href: "tel:5085551234",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterSimple
|
||||||
logoText="American Flatbread Worcester"
|
columns={[
|
||||||
columns={[
|
{ title: "Visit", items: [{ label: "Worcester, MA" }] },
|
||||||
{
|
{ title: "Menu", items: [{ label: "Flatbreads" }, { label: "Salads" }] }
|
||||||
title: "Location",
|
]}
|
||||||
items: [
|
bottomLeftText="© 2025 A Taste of Worcester"
|
||||||
{
|
bottomRightText="Built for the community"
|
||||||
label: "Worcester, MA",
|
/>
|
||||||
href: "#",
|
</div>
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Menu",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Full Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Ingredients",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Connect",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Facebook",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user