Merge version_1 into main #2
459
src/app/page.tsx
459
src/app/page.tsx
@@ -13,350 +13,137 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Cheezious"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cheezious"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Slice of Happiness"
|
||||
description="Authentic, cheesy, and fresh - Cheezious brings you the best wood-fired pizzas in town."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Unique Flavors",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Foodies",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286883.jpg?_wi=1"
|
||||
imageAlt="Cheezious Pizza"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-posing-together-retro-style-with-beverage_23-2149525831.jpg",
|
||||
alt: "Jane Smith",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-funny-pin-up-woman-holding-cake-hands_176420-3320.jpg",
|
||||
alt: "Alex R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-happy-young-woman-gazes-with-happiness-points-with-thumb-aside-free-space-eats-pizza-shows-direction-keeps-jaw-dropped-exclaims-happiness-isolated-yellow-wall_273609-29201.jpg",
|
||||
alt: "Sam K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-partying-with-food-side-view_23-2149525598.jpg",
|
||||
alt: "Sarah P.",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ pizza lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Mozzarella",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wood-Fired Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chef Specials",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Slice of Happiness"
|
||||
description="Authentic, cheesy, and fresh - Cheezious brings you the best wood-fired pizzas in town."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "50+", label: "Unique Flavors" },
|
||||
{ value: "5k+", label: "Happy Foodies" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Order Now", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286883.jpg"
|
||||
imageAlt="Cheezious Pizza"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "John Doe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-woman-posing-together-retro-style-with-beverage_23-2149525831.jpg", alt: "Jane Smith" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-funny-pin-up-woman-holding-cake-hands_176420-3320.jpg", alt: "Alex R." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-happy-young-woman-gazes-with-happiness-points-with-thumb-aside-free-space-eats-pizza-shows-direction-keeps-jaw-dropped-exclaims-happiness-isolated-yellow-wall_273609-29201.jpg", alt: "Sam K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-partying-with-food-side-view_23-2149525598.jpg", alt: "Sarah P." },
|
||||
]}
|
||||
avatarText="Join 5,000+ pizza lovers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fresh Mozzarella" },
|
||||
{ type: "text", text: "Wood-Fired Daily" },
|
||||
{ type: "text", text: "Premium Ingredients" },
|
||||
{ type: "text", text: "Fast Delivery" },
|
||||
{ type: "text", text: "Chef Specials" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Pepperoni Classic",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-tray_23-2148765306.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Signature",
|
||||
name: "Margherita Fresh",
|
||||
price: "$10.99",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-taking-slices-pizza-with-cheese_23-2148765340.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Vegan",
|
||||
name: "Garden Harvest",
|
||||
price: "$11.99",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-square-pizza-with-cheese_23-2149294908.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Spicy",
|
||||
name: "BBQ Chicken Feast",
|
||||
price: "$14.99",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-italian-food-wooden-background_23-2148305677.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Cheesy",
|
||||
name: "Four Cheese Delight",
|
||||
price: "$13.99",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-crust-ham-snack-background_1203-3944.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Hot",
|
||||
name: "Spicy Arrabbiata",
|
||||
price: "$13.49",
|
||||
rating: 4,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3306.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Pizza Menu"
|
||||
description="Explore our curated selection of mouth-watering pizzas made from premium ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Signature", name: "Pepperoni Classic", price: "$12.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-tray_23-2148765306.jpg" },
|
||||
{ id: "p2", brand: "Signature", name: "Margherita Fresh", price: "$10.99", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-taking-slices-pizza-with-cheese_23-2148765340.jpg" },
|
||||
{ id: "p3", brand: "Vegan", name: "Garden Harvest", price: "$11.99", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-square-pizza-with-cheese_23-2149294908.jpg" },
|
||||
{ id: "p4", brand: "Spicy", name: "BBQ Chicken Feast", price: "$14.99", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-italian-food-wooden-background_23-2148305677.jpg" },
|
||||
{ id: "p5", brand: "Cheesy", name: "Four Cheese Delight", price: "$13.99", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/italian-crust-ham-snack-background_1203-3944.jpg" },
|
||||
{ id: "p6", brand: "Hot", name: "Spicy Arrabbiata", price: "$13.49", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3306.jpg" },
|
||||
]}
|
||||
title="Our Pizza Menu"
|
||||
description="Explore our curated selection of mouth-watering pizzas made from premium ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
date: "Jan 2024",
|
||||
title: "Pizza Lover",
|
||||
quote: "Best pizza in town, the crust is always perfect!",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286883.jpg?_wi=2",
|
||||
imageAlt: "delicious pizza close up",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
date: "Dec 2023",
|
||||
title: "Food Blogger",
|
||||
quote: "The cheese melt is insane! Highly recommend.",
|
||||
tag: "VIP",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-together-retro-style-with-beverage_23-2149525831.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-tray_23-2148765306.jpg?_wi=2",
|
||||
imageAlt: "pepperoni pizza",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex R.",
|
||||
date: "Nov 2023",
|
||||
title: "Local Resident",
|
||||
quote: "Great service and even better pizza.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-funny-pin-up-woman-holding-cake-hands_176420-3320.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-taking-slices-pizza-with-cheese_23-2148765340.jpg?_wi=2",
|
||||
imageAlt: "margherita pizza",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam K.",
|
||||
date: "Oct 2023",
|
||||
title: "Foodie",
|
||||
quote: "I visit at least twice a week. Simply the best.",
|
||||
tag: "Loyal",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-happy-young-woman-gazes-with-happiness-points-with-thumb-aside-free-space-eats-pizza-shows-direction-keeps-jaw-dropped-exclaims-happiness-isolated-yellow-wall_273609-29201.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-square-pizza-with-cheese_23-2149294908.jpg?_wi=2",
|
||||
imageAlt: "veggie pizza",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah P.",
|
||||
date: "Sep 2023",
|
||||
title: "Customer",
|
||||
quote: "Consistent quality and wonderful flavors.",
|
||||
tag: "New",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friends-partying-with-food-side-view_23-2149525598.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-italian-food-wooden-background_23-2148305677.jpg?_wi=2",
|
||||
imageAlt: "bbq chicken pizza",
|
||||
},
|
||||
]}
|
||||
title="What Foodies Say"
|
||||
description="Hear from our happy customers across the city."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", date: "Jan 2024", title: "Pizza Lover", quote: "Best pizza in town, the crust is always perfect!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286883.jpg", imageAlt: "delicious pizza close up" },
|
||||
{ id: "2", name: "Jane Smith", date: "Dec 2023", title: "Food Blogger", quote: "The cheese melt is insane! Highly recommend.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-together-retro-style-with-beverage_23-2149525831.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-tray_23-2148765306.jpg", imageAlt: "pepperoni pizza" },
|
||||
{ id: "3", name: "Alex R.", date: "Nov 2023", title: "Local Resident", quote: "Great service and even better pizza.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-funny-pin-up-woman-holding-cake-hands_176420-3320.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-taking-slices-pizza-with-cheese_23-2148765340.jpg", imageAlt: "margherita pizza" },
|
||||
{ id: "4", name: "Sam K.", date: "Oct 2023", title: "Foodie", quote: "I visit at least twice a week. Simply the best.", tag: "Loyal", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-happy-young-woman-gazes-with-happiness-points-with-thumb-aside-free-space-eats-pizza-shows-direction-keeps-jaw-dropped-exclaims-happiness-isolated-yellow-wall_273609-29201.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-square-pizza-with-cheese_23-2149294908.jpg", imageAlt: "veggie pizza" },
|
||||
{ id: "5", name: "Sarah P.", date: "Sep 2023", title: "Customer", quote: "Consistent quality and wonderful flavors.", tag: "New", avatarSrc: "http://img.b2bpic.net/free-photo/friends-partying-with-food-side-view_23-2149525598.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-italian-food-wooden-background_23-2148305677.jpg", imageAlt: "bbq chicken pizza" },
|
||||
]}
|
||||
title="What Foodies Say"
|
||||
description="Hear from our happy customers across the city."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description="Our journey started in a small kitchen, driven by a simple goal: to bake the perfect pizza for our community."
|
||||
tag="About Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286883.jpg?_wi=3"
|
||||
imageAlt="Our Kitchen"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Dough",
|
||||
description: "Hand-stretched every morning for that airy, crispy texture.",
|
||||
},
|
||||
{
|
||||
title: "Locally Sourced",
|
||||
description: "Supporting local farmers to bring fresh produce to your table.",
|
||||
},
|
||||
{
|
||||
title: "Wood-Fired Magic",
|
||||
description: "The secret to our deep, smoky flavor profiles.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description="Our journey started in a small kitchen, driven by a simple goal: to bake the perfect pizza for our community."
|
||||
tag="About Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-melted-cheese-pizza_23-2149286883.jpg"
|
||||
imageAlt="Our Kitchen"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{ title: "Authentic Dough", description: "Hand-stretched every morning for that airy, crispy texture." },
|
||||
{ title: "Locally Sourced", description: "Supporting local farmers to bring fresh produce to your table." },
|
||||
{ title: "Wood-Fired Magic", description: "The secret to our deep, smoky flavor profiles." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Ready for a Slice?"
|
||||
description="Order today or visit us to experience Cheezious yourself."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Order",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Ready for a Slice?"
|
||||
description="Order today or visit us to experience Cheezious yourself."
|
||||
buttons={[{ text: "Call to Order", href: "tel:+1234567890" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Pizzas",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Sides",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Cheezious"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Pizzas", href: "#menu" }, { label: "Sides", href: "#" }, { label: "Drinks", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Locations", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Cheezious"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user