Merge version_1 into main #1
451
src/app/page.tsx
451
src/app/page.tsx
@@ -17,335 +17,150 @@ import { Clock, DollarSign, ThumbsUp } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Tony's Pizza"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Menu", id: "#products" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Tony's Pizza"
|
||||
button={{ text: "Order Now" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Ogden's Home for Reliable, Old-School Pizza"
|
||||
description="Tony's Pizza offers a cozy, no-frills experience with the best meatball sandwiches and classic pasta in town. Fast, friendly, and budget-friendly."
|
||||
tag="4.5 Stars / 1,600+ Reviews"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sliced-pizza-with-copy-space_23-2148753765.jpg",
|
||||
imageAlt: "Fresh pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sauce-bottle_23-2148773532.jpg",
|
||||
imageAlt: "Tony's vibe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freshly-baked-pizza-rustic-wooden-table-generated-by-ai_188544-24094.jpg",
|
||||
imageAlt: "Freshly baked pizza on rustic wooden table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-preparing-pizza_23-2150235785.jpg",
|
||||
imageAlt: "Side view chef preparing pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-outdoors_23-2150900972.jpg",
|
||||
imageAlt: "Delicious pizza outdoors",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-rated spot"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Ogden's Home for Reliable, Old-School Pizza"
|
||||
description="Tony's Pizza offers a cozy, no-frills experience with the best meatball sandwiches and classic pasta in town. Fast, friendly, and budget-friendly."
|
||||
tag="4.5 Stars / 1,600+ Reviews"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sliced-pizza-with-copy-space_23-2148753765.jpg", imageAlt: "Fresh pizza" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-sauce-bottle_23-2148773532.jpg", imageAlt: "Tony's vibe" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-rated spot"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Tony's is Ogden's Favorite"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Fast Service",
|
||||
value: "Always",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
label: "Affordable",
|
||||
value: "$10-$20",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Rating",
|
||||
value: "4.5★",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Tony's is Ogden's Favorite"
|
||||
metrics={[
|
||||
{ icon: Clock, label: "Fast Service", value: "Always" },
|
||||
{ icon: DollarSign, label: "Affordable", value: "$10-$20" },
|
||||
{ icon: ThumbsUp, label: "Rating", value: "4.5★" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Tony's",
|
||||
name: "Classic Pizza",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134249.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Tony's",
|
||||
name: "House Pasta",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "300+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-macaroni-with-tomato-chili-pepper-seeds-basil-white-dish_1150-22159.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Tony's",
|
||||
name: "Meatball Sub",
|
||||
price: "$10",
|
||||
rating: 5,
|
||||
reviewCount: "800+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mini-burgers-with-beef-patty-cheese-salad-french-fries-table_141793-5017.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Tony's",
|
||||
name: "Extra Cheese",
|
||||
price: "$13",
|
||||
rating: 4,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fluffy-pizza-slices-arrangement_23-2148574243.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Tony's",
|
||||
name: "Spicy Arrabbiata",
|
||||
price: "$16",
|
||||
rating: 4,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-spaghetti-with-tomato-sauce-cheese-served-plate_1220-6910.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Tony's",
|
||||
name: "Veggie Delight",
|
||||
price: "$14",
|
||||
rating: 4,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-with-onions_23-2149298079.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Classics"
|
||||
description="Made with care, served fast. From our ovens to your table."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Tony's", name: "Classic Pizza", price: "$12", rating: 5, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-baking-delicious-pizza_23-2150134249.jpg" },
|
||||
{ id: "p2", brand: "Tony's", name: "House Pasta", price: "$15", rating: 4, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-macaroni-with-tomato-chili-pepper-seeds-basil-white-dish_1150-22159.jpg" },
|
||||
{ id: "p3", brand: "Tony's", name: "Meatball Sub", price: "$10", rating: 5, reviewCount: "800+", imageSrc: "http://img.b2bpic.net/free-photo/side-view-mini-burgers-with-beef-patty-cheese-salad-french-fries-table_141793-5017.jpg" }
|
||||
]}
|
||||
title="Our Classics"
|
||||
description="Made with care, served fast. From our ovens to your table."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hand-Crafted Ingredients",
|
||||
description: "Fresh dough and quality toppings every single day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg",
|
||||
imageAlt: "Ingredients",
|
||||
},
|
||||
{
|
||||
title: "Lightning Fast Service",
|
||||
description: "We know you're hungry, and we're ready to serve.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728025.jpg",
|
||||
imageAlt: "Service",
|
||||
},
|
||||
{
|
||||
title: "Warm, Homey Vibe",
|
||||
description: "Relax in a space that feels just like family.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59713.jpg",
|
||||
imageAlt: "Vibe",
|
||||
},
|
||||
]}
|
||||
title="What Makes Us Special"
|
||||
description="We keep things simple because you deserve great food without the fuss."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Hand-Crafted Ingredients", description: "Fresh dough and quality toppings every single day.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-food-wooden-background_23-2148305847.jpg", imageAlt: "Ingredients" },
|
||||
{ title: "Lightning Fast Service", description: "We know you're hungry, and we're ready to serve.", imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728025.jpg", imageAlt: "Service" },
|
||||
{ title: "Warm, Homey Vibe", description: "Relax in a space that feels just like family.", imageSrc: "http://img.b2bpic.net/free-photo/serving-table-young-woman-swhite-shirt-putting-plates-table_259150-59713.jpg", imageAlt: "Vibe" }
|
||||
]}
|
||||
title="What Makes Us Special"
|
||||
description="We keep things simple because you deserve great food without the fuss."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Ogden Eats",
|
||||
"Local Yelp",
|
||||
"Best Pizza Guide",
|
||||
"City Dining",
|
||||
"Food Blogger",
|
||||
"Town Favorite",
|
||||
"Authentic Eats",
|
||||
]}
|
||||
title="Trusted by Ogden Locals"
|
||||
description="Consistently recognized as a reliable local spot."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Ogden Eats", "Local Yelp", "Best Pizza Guide", "City Dining", "Food Blogger"]}
|
||||
title="Trusted by Ogden Locals"
|
||||
description="Consistently recognized as a reliable local spot."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "The Best Meatball Sub",
|
||||
quote: "Always my go-to for a quick lunch.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-friends-partying-with-food_23-2149525599.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-potato_23-2148899058.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
date: "Dec 2023",
|
||||
title: "Reliable Spot",
|
||||
quote: "Fast service, great pizza. Love the vibe.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10399.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
date: "Nov 2023",
|
||||
title: "Homey",
|
||||
quote: "Staff is super friendly. Feels like home.",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-nature_23-2149453359.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John K.",
|
||||
date: "Oct 2023",
|
||||
title: "Classic",
|
||||
quote: "Budget-friendly and consistently solid.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5039.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna P.",
|
||||
date: "Sep 2023",
|
||||
title: "Delicious",
|
||||
quote: "Love the pasta here. Will return soon.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1452.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-enjoying-dinner-party_52683-132625.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Hear from the locals who keep us running."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", date: "Jan 2024", title: "The Best Meatball Sub", quote: "Always my go-to for a quick lunch.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-friends-partying-with-food_23-2149525599.jpg" },
|
||||
{ id: "t2", name: "Mike R.", date: "Dec 2023", title: "Reliable Spot", quote: "Fast service, great pizza. Love the vibe.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-drinking-milk-shake-cocktail-blue-skirt-red-shirt-wearing-sunglasses-having-fun-cheerful-mood_285396-10399.jpg" }
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Hear from the locals who keep us running."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver?",
|
||||
content: "No, we offer dine-in and takeout service only.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your hours?",
|
||||
content: "We close fairly early at 8 PM, so plan your dinner visit accordingly!",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it crowded?",
|
||||
content: "Weekday evenings like Tuesdays are generally quiet and great for a calm visit.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about your next visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you deliver?", content: "No, we offer dine-in and takeout service only." },
|
||||
{ id: "f2", title: "What are your hours?", content: "We close fairly early at 8 PM, so plan your dinner visit accordingly!" }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about your next visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Visit Us Today!"
|
||||
description="Swing by for the best pizza in Ogden. We're open until 8 PM."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Your email for updates"
|
||||
buttonText="Get Notified"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Visit Us Today!"
|
||||
description="Swing by for the best pizza in Ogden. We're open until 8 PM."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Your email for updates"
|
||||
buttonText="Get Notified"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Tony's Pizza Ogden"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Tony's Pizza Ogden"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user