Merge version_2 into main #2
342
src/app/page.tsx
342
src/app/page.tsx
@@ -17,356 +17,106 @@ import { Clock, Flame, Heart, Leaf, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="large"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Pizzasto"
|
||||
brandName="Pizzasto n chah sangat"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Authentic Pizzas & Soulful Tea"
|
||||
description="Where the stone oven meets the traditional teapot. Experience the perfect blend of rustic flavors."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Pizzasto n chah sangat"
|
||||
description="A modern culinary intersection of stone-fired tradition and soulful tea."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-vegetables_23-2148574236.jpg?_wi=1",
|
||||
imageAlt: "Wood fired artisan pizza",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teapot-blurred-background-dark-with-garlands_169016-17021.jpg?_wi=1",
|
||||
imageAlt: "Traditional spiced tea",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-vegetable-vegetarian-pizza-wooden-table-top-view_169016-22301.jpg",
|
||||
imageAlt: "Rustic pizza slice",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-cappuccino-with-cinnamon_658428-67.jpg",
|
||||
imageAlt: "Warm tea service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21840.jpg",
|
||||
imageAlt: "Pizza oven flames",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-tea-from-teapot-cup_23-2148567590.jpg",
|
||||
imageAlt: "Tea culture ambiance",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-vegetables_23-2148574236.jpg?_wi=1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teapot-blurred-background-dark-with-garlands_169016-17021.jpg?_wi=1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description="At Pizzasto, we honor time-tested traditions. Our pizza dough is proofed for 48 hours, and our teas are brewed from the finest hand-picked leaves."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "Recipes Perfected",
|
||||
},
|
||||
{
|
||||
value: "12k",
|
||||
title: "Satisfied Guests",
|
||||
},
|
||||
{
|
||||
value: "5",
|
||||
title: "Star Ratings Avg.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-sliced-bread-with-brown-sugar-cubes_23-2148695488.jpg?_wi=1"
|
||||
imageAlt="Authentic wood oven process"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
title="Tradition Meets Modernity"
|
||||
description="We blend the ancient art of stone-oven baking with the communal warmth of traditional chah, creating a space for modern conversations."
|
||||
metrics={[{ value: "15+", title: "Years Crafting" }, { value: "48hr", title: "Dough Proofing" }, { value: "100%", title: "Organic Leaves" }]}
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-kitchen-prepares-pizza_1157-21840.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="Modern Menu"
|
||||
description="Hand-crafted selections for the contemporary palate."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Margherita Stone",
|
||||
price: "$12",
|
||||
variant: "Classic Italian",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-with-chicken-salami-zucchini-tomatoes-herbs_2829-10836.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pepp-Fire Crust",
|
||||
price: "$15",
|
||||
variant: "Spiced Meat",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-slice-tomato-bar-spice-corn-bulk-cheese-dark-wooden-picnic-cloth-background-close-up_176474-4611.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Garden Harvest",
|
||||
price: "$14",
|
||||
variant: "Veggie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-tasty-with-cheese_1303-9611.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Royal Masala Chai",
|
||||
price: "$4",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-latte-coffee-with-cinnamon_140725-11543.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Artisan Latte",
|
||||
price: "$5",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116679.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dessert Delight",
|
||||
price: "$6",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-eclair-with-chocolate-muffin-pie-slices_114579-20802.jpg",
|
||||
},
|
||||
{ id: "1", name: "Signature Margherita", price: "$14", variant: "Wood-Fired", imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-with-chicken-salami-zucchini-tomatoes-herbs_2829-10836.jpg?_wi=1" },
|
||||
{ id: "2", name: "Spiced Masala Chai", price: "$5", variant: "Soulful", imageSrc: "http://img.b2bpic.net/free-photo/top-view-latte-coffee-with-cinnamon_140725-11543.jpg" }
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="From our fiery stone oven to your table, curated for a balanced palate."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Modern Lifestyle"
|
||||
description="Experience food as a bridge to community."
|
||||
features={[
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Wood-Fired Perfection",
|
||||
description: "Crispy crusts and smoky aromas, only from our stone oven.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Hand-Picked Leaves",
|
||||
description: "Sourced from high-altitude estates for the perfect brew.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Community Focus",
|
||||
description: "Designed for conversations, gatherings, and shared joy.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Slow-Proofed Dough",
|
||||
description: "48 hours of patience for superior crust texture.",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Authentic Hospitality",
|
||||
description: "We treat every guest like part of our family.",
|
||||
},
|
||||
{ icon: Flame, title: "Stone Oven", description: "High-heat perfection." },
|
||||
{ icon: Leaf, title: "Artisan Tea", description: "Small-batch brewed." },
|
||||
{ icon: Users, title: "Community", description: "Sangat-focused spaces." }
|
||||
]}
|
||||
title="Why Sangat Matters"
|
||||
description="It's about bringing people together over honest food and warm drinks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Fresh ingredient sourcing",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Community energy",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4.9",
|
||||
description: "Service excellence",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "500+",
|
||||
description: "Daily visitors",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="Guest Stories"
|
||||
description="Authentic moments shared at our tables."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina Khan",
|
||||
date: "Oct 2024",
|
||||
title: "Foodie",
|
||||
quote: "The best pizza in the city, hands down. The chai completes it perfectly.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-friends-eating-pizza-outdoors_23-2149872432.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-vegetables_23-2148574236.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pizza",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rahul Mehta",
|
||||
date: "Sept 2024",
|
||||
title: "Coffee Lover",
|
||||
quote: "Atmosphere is unmatched. Perfect for working and hanging out.",
|
||||
tag: "Coffee Addict",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-casual-wear-posing-indoor-cafe_627829-1217.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teapot-blurred-background-dark-with-garlands_169016-17021.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pizza",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Miller",
|
||||
date: "Aug 2024",
|
||||
title: "Local",
|
||||
quote: "The stone-fired crust makes all the difference. Authentic.",
|
||||
tag: "Pizza Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-watching-tv_23-2149266794.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-bread-with-brown-sugar-cubes_23-2148695488.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pizza",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Chen",
|
||||
date: "July 2024",
|
||||
title: "Traveler",
|
||||
quote: "Found this gem while passing through. Incredible hospitality.",
|
||||
tag: "Tourist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/carefree-happy-young-african-american-man-with-funky-hairstyle-showing-ok-sign_273609-14095.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-with-chicken-salami-zucchini-tomatoes-herbs_2829-10836.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pizza",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rodriguez",
|
||||
date: "June 2024",
|
||||
title: "Professional",
|
||||
quote: "Consistent quality every single time I visit.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-family-havinf-dinner-together_23-2149117517.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-slice-tomato-bar-spice-corn-bulk-cheese-dark-wooden-picnic-cloth-background-close-up_176474-4611.jpg?_wi=2",
|
||||
imageAlt: "happy customer eating pizza",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", date: "2025", title: "Design Lead", quote: "A perfect fusion of flavors in a stunning modern environment.", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-casual-wear-posing-indoor-cafe_627829-1217.jpg" }
|
||||
]}
|
||||
title="Voices of Sangat"
|
||||
description="What our guests say about their experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you open on Sundays?",
|
||||
content: "Yes, we are open 7 days a week to serve you.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I reserve a table?",
|
||||
content: "We welcome walk-ins primarily, but parties over 6 should call ahead.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer vegan pizzas?",
|
||||
content: "We offer a variety of vegetable-topped pizzas with dairy-free options available.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is your tea brewed traditionally?",
|
||||
content: "Yes, we use an authentic slow-brewing method for our signature chai.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you offer catering services?",
|
||||
content: "Yes, contact us via email for event inquiries.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our ingredients and process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Join Our Sangat"
|
||||
description="Sign up for exclusive offers and updates from the oven."
|
||||
title="Let's Connect"
|
||||
description="Stay updated with our latest seasonal creations."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366675.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Pizzasto"
|
||||
copyrightText="© 2025 Pizzasto n chah sangat | All Rights Reserved"
|
||||
/>
|
||||
<FooterCard logoText="Pizzasto n chah sangat" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user