Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #10.
This commit is contained in:
@@ -11,7 +11,16 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Signatures", id: "signatures" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Atmosphere", id: "atmosphere" },
|
||||
{ name: "Location", id: "contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -29,28 +38,96 @@ export default function Page() {
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel title="Experience Innovation" description="Redefining excellence in every detail." background={{ variant: "plain" }} leftCarouselItems={[]} rightCarouselItems={[]} />
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Welcome to L.B.'s Family Restaurant"
|
||||
description="Serving hearty portions and community spirit since day one."
|
||||
background={{ variant: "plain" }}
|
||||
leftCarouselItems={[{ imageSrc: "/images/hero1.jpg", imageAlt: "Restaurant Interior" }]}
|
||||
rightCarouselItems={[{ imageSrc: "/images/hero2.jpg", imageAlt: "Signature Dish" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout title="About Us" description={["We are a team dedicated to excellence."]} useInvertedBackground={false} />
|
||||
<TextSplitAbout
|
||||
title="Our Story"
|
||||
description={["Thompson's staple diner, where every table feels like home.", "We pride ourselves on fresh ingredients and timeless recipes passed down through generations."]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardNineteen title="Our Features" description="Explore what makes us unique." features={[{ tag: "New", title: "Feature 1", subtitle: "Innovation", description: "High quality service." }, { tag: "Update", title: "Feature 2", subtitle: "Advanced", description: "Built for performance." }]} textboxLayout="default" useInvertedBackground={false} />
|
||||
<FeatureCardNineteen
|
||||
title="Our Menu"
|
||||
description="Classic comfort food prepared with love."
|
||||
features={[
|
||||
{ tag: "Popular", title: "Breakfast Favorites", subtitle: "Start your day right", description: "Pancakes, omelets, and our famous home fries.", imageSrc: "/images/breakfast.jpg" },
|
||||
{ tag: "Daily", title: "Hearty Lunch", subtitle: "Mid-day fuel", description: "Handcrafted burgers and garden-fresh salads.", imageSrc: "/images/lunch.jpg" }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="signatures" data-section="signatures">
|
||||
<ProductCardThree title="Signatures" description="Exclusive collections." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: "1", name: "Signature 1", price: "$99", imageSrc: "/images/product1.jpg" }, { id: "2", name: "Signature 2", price: "$149", imageSrc: "/images/product2.jpg" }, { id: "3", name: "Signature 3", price: "$199", imageSrc: "/images/product3.jpg" }]} useInvertedBackground={false} />
|
||||
<ProductCardThree
|
||||
title="Signature Dishes"
|
||||
description="The meals our regulars swear by."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "1", name: "L.B.'s Famous Pot Roast", price: "$18.99", imageSrc: "/images/pot-roast.jpg" },
|
||||
{ id: "2", name: "Golden Crispy Chicken", price: "$16.50", imageSrc: "/images/chicken.jpg" },
|
||||
{ id: "3", name: "Homemade Apple Pie", price: "$6.99", imageSrc: "/images/pie.jpg" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne title="Client Reviews" description="What they say about us." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "Design Inc", rating: 5 }]} useInvertedBackground={false} />
|
||||
<TestimonialCardOne
|
||||
title="Guest Testimonials"
|
||||
description="Hear what our community has to say."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Local Resident", company: "Thompson's", rating: 5 },
|
||||
{ id: "2", name: "Mark T.", role: "Regular Visitor", company: "Diner Enthusiast", rating: 5 }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<TeamCardOne title="Our Atmosphere" description="Meet the people behind the magic." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" members={[{ id: "1", name: "Alice", role: "Lead Designer" }, { id: "2", name: "Bob", role: "Engineer" }]} useInvertedBackground={false} />
|
||||
<TeamCardOne
|
||||
title="The Atmosphere"
|
||||
description="A place where memories are made."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
members={[
|
||||
{ id: "1", name: "Cozy Nooks", role: "Interior Space" },
|
||||
{ id: "2", name: "Friendly Staff", role: "Our Team" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm title="Contact Us" description="Get in touch with our team today." inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} useInvertedBackground={false} />
|
||||
<ContactSplitForm
|
||||
title="Visit Us"
|
||||
description="Located in the heart of Thompson, come say hello!"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024" bottomRightText="All Rights Reserved" />
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Breakfast", href: "#menu" }, { label: "Dinner", href: "#signatures" }] },
|
||||
{ title: "Contact", items: [{ label: "Find Us", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 L.B.'s Family Restaurant"
|
||||
bottomRightText="Serving Thompson since day one"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user