124 lines
5.3 KiB
TypeScript
124 lines
5.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Flame, Leaf, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
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" },
|
|
]}
|
|
brandName="Pizzasto n chah sangat"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
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" },
|
|
{ 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
|
|
title="Tradition Meets Modernity"
|
|
description="Savor the smoky, crisp perfection of stone-fired pizza paired with the delicate, soul-warming aroma of hand-brewed tea. We invite you to experience a sensory journey where every slice and every sip is crafted to spark connection and communal warmth."
|
|
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="blur-reveal"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
title="Modern Menu"
|
|
description="Hand-crafted selections for the contemporary palate."
|
|
products={[
|
|
{ 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" },
|
|
{ id: "3", name: "Cardamom Delight", price: "$6", variant: "Aromatic", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-cardamom-seeds_1150-13726.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Modern Lifestyle"
|
|
description="Experience food as a bridge to community."
|
|
features={[
|
|
{ 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." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
useInvertedBackground={true}
|
|
title="Guest Stories"
|
|
description="Authentic moments shared at our tables."
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{ 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" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contact Us"
|
|
title="Let's Connect"
|
|
description="Stay updated with our latest seasonal creations."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-enjoying-coffee-shop_23-2148366675.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard logoText="Pizzasto n chah sangat" />
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |