bender/99445bef-dbbb-467c-92c5-3bf46969683d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-05 22:52:06 +00:00
parent 4dcc12db9e
commit 337d702ed8
1 changed files with 22 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
src/app/page.tsx
View File

@@ -1,133 +1,51 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
export default function Page() {
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" }
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
];
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} />
</div>
<div id="hero" data-section="hero">
<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" }]}
/>
<HeroSplitDoubleCarousel title="Welcome" description="Experience excellence" background={{ variant: "plain" }} leftCarouselItems={[]} rightCarouselItems={[]} />
</div>
<div id="about" data-section="about">
<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}
/>
<TextSplitAbout title="About Us" description={["Leading the industry with innovation."]} useInvertedBackground={false} />
</div>
<div id="menu" data-section="menu">
<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}
/>
<FeatureCardNineteen features={[{ tag: "New", title: "Menu Item", subtitle: "Delicious", description: "Taste our signature dishes" }]} title="Our Menu" description="Handcrafted selection" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="signatures" data-section="signatures">
<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}
/>
<ProductCardThree products={[{ id: "1", name: "Signature Dish", price: "$25", imageSrc: "/placeholder.jpg" }, { id: "2", name: "Delight Plate", price: "$30", imageSrc: "/placeholder.jpg" }, { id: "3", name: "Specialty Bowl", price: "$20", imageSrc: "/placeholder.jpg" }]} gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Signatures" description="Must try" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="reviews" data-section="reviews">
<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}
/>
<TestimonialCardOne testimonials={[{ id: "1", name: "Jane Doe", role: "CEO", company: "TechCorp", rating: 5 }]} gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Testimonials" description="What they say" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="atmosphere" data-section="atmosphere">
<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}
/>
<TeamCardOne members={[{ id: "1", name: "John Smith", role: "Chef" }]} gridVariant="three-columns-all-equal-width" animationType="slide-up" title="Our Team" description="Meet the experts" textboxLayout="default" useInvertedBackground={false} />
</div>
<div id="contact" data-section="contact">
<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}
/>
<ContactSplitForm title="Contact Us" description="Get in touch with our team" inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]} useInvertedBackground={false} />
</div>
<div id="footer" data-section="footer">
<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"
/>
<FooterSimple columns={[]} bottomLeftText="© 2024 Webild" bottomRightText="hello@example.com" />
</div>
</ThemeProvider>
);