Merge version_1 into main #2
311
src/app/page.tsx
311
src/app/page.tsx
@@ -17,225 +17,114 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="River Bend Pizza & Subs"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="River Bend Pizza & Subs"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Artisanal Pizza & Subs, Elevated."
|
||||
description="Experience the gold standard of local flavors. Crafted with fresh, premium ingredients delivered to your door."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#order",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27035.jpg",
|
||||
imageAlt: "Gourmet Pizza",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900948.jpg",
|
||||
imageAlt: "Fresh Ingredients",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg",
|
||||
imageAlt: "Artisanal Sub",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mozzarella-pizza-wooden-table_114579-88406.jpg",
|
||||
imageAlt: "Pizza Slice",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piece-cheese-plate-with-olives-tomatoes-seen-from_1220-578.jpg",
|
||||
imageAlt: "Fresh Sub",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6527.jpg",
|
||||
imageAlt: "Restaurant Vibe",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Artisanal Pizza & Subs, Elevated."
|
||||
description="Experience the gold standard of local flavors. Crafted with fresh, premium ingredients delivered to your door."
|
||||
buttons={[{ text: "Order Online", href: "#order" }]}
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27035.jpg", imageAlt: "Gourmet Pizza" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900948.jpg", imageAlt: "Fresh Ingredients" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg", imageAlt: "Artisanal Sub" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-mozzarella-pizza-wooden-table_114579-88406.jpg", imageAlt: "Pizza Slice" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/piece-cheese-plate-with-olives-tomatoes-seen-from_1220-578.jpg", imageAlt: "Fresh Sub" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/caesar-pizza-table_140725-6527.jpg", imageAlt: "Restaurant Vibe" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9★",
|
||||
title: "Customer Rating",
|
||||
description: "Consistently rated top-tier.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20m",
|
||||
title: "Avg. Delivery",
|
||||
description: "From oven to your front door.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Freshness",
|
||||
description: "Locally sourced ingredients.",
|
||||
icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Quality You Can Taste"
|
||||
description="Excellence in every bite and delivery."
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.9★", title: "Customer Rating", description: "Consistently rated top-tier.", icon: Star },
|
||||
{ id: "m2", value: "20m", title: "Avg. Delivery", description: "From oven to your front door.", icon: Clock },
|
||||
{ id: "m3", value: "100%", title: "Freshness", description: "Locally sourced ingredients.", icon: Leaf },
|
||||
]}
|
||||
title="Quality You Can Taste"
|
||||
description="Excellence in every bite and delivery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Margherita",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-fired-oven-delicious-pizza_23-2150235808.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Italian Sub",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ham-salad-submarine-sandwich_1339-7780.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pepperoni Feast",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-tomato-sauce-cheese_141793-2448.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Our chef-curated selection of pizzas and subs."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Margherita", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/wood-fired-oven-delicious-pizza_23-2150235808.jpg" },
|
||||
{ id: "p2", name: "Signature Italian Sub", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/ham-salad-submarine-sandwich_1339-7780.jpg" },
|
||||
{ id: "p3", name: "Pepperoni Feast", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-tomato-sauce-cheese_141793-2448.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Our chef-curated selection of pizzas and subs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best pizza in town, period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-holds-hands-together-looking-up-isolated-olive-green-space-with-copy-space_141793-60426.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Authentic subs, high quality ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-looks-points-camera-isolated-olive-green-background-with-copy-space_141793-67059.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
handle: "@emilyd",
|
||||
testimonial: "Fast delivery and hot pizza!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Fantastic service and great atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jason L.",
|
||||
handle: "@jasonl",
|
||||
testimonial: "Always consistent, always delicious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-holds-hands-together-looking-up-isolated-olive-green-space-with-copy-space_141793-60426.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Authentic reviews from our community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best pizza in town, period.", imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-holds-hands-together-looking-up-isolated-olive-green-space-with-copy-space_141793-60426.jpg" },
|
||||
{ id: "t2", name: "Michael R.", handle: "@miker", testimonial: "Authentic subs, high quality ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-girl-looks-points-camera-isolated-olive-green-background-with-copy-space_141793-67059.jpg" },
|
||||
{ id: "t3", name: "Emily D.", handle: "@emilyd", testimonial: "Fast delivery and hot pizza!", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006641.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@davidk", testimonial: "Fantastic service and great atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg" },
|
||||
{ id: "t5", name: "Jason L.", handle: "@jasonl", testimonial: "Always consistent, always delicious.", imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-holds-hands-together-looking-up-isolated-olive-green-space-with-copy-space_141793-60426.jpg" },
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Authentic reviews from our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Opening Hours",
|
||||
content: "Open Daily 11am - 10pm",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Location",
|
||||
content: "123 River Bend Way, Cityville",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Delivery Areas",
|
||||
content: "Free delivery within 5 miles.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Order Now"
|
||||
ctaDescription="Call us for immediate pickup or delivery."
|
||||
ctaButton={{
|
||||
text: "Call (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Opening Hours", content: "Open Daily 11am - 10pm" },
|
||||
{ id: "f2", title: "Location", content: "123 River Bend Way, Cityville" },
|
||||
{ id: "f3", title: "Delivery Areas", content: "Free delivery within 5 miles." },
|
||||
]}
|
||||
ctaTitle="Order Now"
|
||||
ctaDescription="Call us for immediate pickup or delivery."
|
||||
ctaButton={{ text: "Call (555) 123-4567", href: "tel:5551234567" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="River Bend"
|
||||
copyrightText="© 2025 River Bend Pizza & Subs | Est. 1995"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="River Bend"
|
||||
copyrightText="© 2025 River Bend Pizza & Subs | Est. 1995"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user