296 lines
13 KiB
TypeScript
296 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Clock, Flame, Heart, Leaf, Pizza } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Reviews", id: "reviews"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Tino Pizza"
|
|
button={{
|
|
text: "Order Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Authentic Italian Pizza, Delivered to You"
|
|
description="Experience the true taste of Italy with our wood-fired pizzas, handcrafted from the freshest local ingredients and delivered piping hot to your door."
|
|
kpis={[
|
|
{
|
|
value: "15+", label: "Years Tradition"},
|
|
{
|
|
value: "5000+", label: "Happy Customers"},
|
|
{
|
|
value: "4.9/5", label: "Review Rating"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
{
|
|
text: "Order Now", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-concept_23-2148643459.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pizza-with-tomatoes_1220-266.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/margarita-pizza-table_140725-4801.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/neapolitan-pizza-with-ham-cheese-arugula-basil-tomatoes-sprinkled-with-cheese_78826-2316.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/top-view-pizza-with-tomatoes-oil_23-2148753738.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/delicious-neapolitan-pizza-board_78826-3296.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="Join 5000+ happy pizza lovers"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Hand-stretched Dough", icon: Flame,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Locally Sourced", icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Wood-fired Daily", icon: Pizza,
|
|
},
|
|
{
|
|
type: "text-icon", text: "25min Delivery", icon: Clock,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Family Owned", icon: Heart,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Our Story"
|
|
title="Crafted with Passion Since 2008"
|
|
description="Tino Pizza was born from a love for traditional Italian flavors and the desire to share authentic wood-fired pizza with our community. Every pie tells a story."
|
|
subdescription="We use time-honored techniques, hand-stretched dough, and locally sourced ingredients to create an unforgettable dining experience."
|
|
icon={Flame}
|
|
imageSrc="http://img.b2bpic.net/free-photo/italian-chef-uniform-is-preparing-pastry-pizza-kitchen_613910-14090.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Wood-Fired Perfection", description: "Crispy edges, soft crust, authentic smoky aroma.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-raw-pizza-with-cheese-white_140725-78260.jpg"},
|
|
{
|
|
title: "Fresh Ingredients", description: "Locally grown veggies and premium cheeses daily.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-pizza-with-vegetables-wooden-table_181624-41219.jpg"},
|
|
{
|
|
title: "Handcrafted Dough", description: "Aged for 48 hours for ideal texture and flavor.", imageSrc: "http://img.b2bpic.net/free-photo/pizza-tasty-with-cheese_1303-9612.jpg"},
|
|
]}
|
|
title="Why Choose Tino?"
|
|
description="Excellence in every bite."
|
|
/>
|
|
</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: "Classic", name: "Margherita", price: "$12.00", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-vegetable-vegetarian-pizza-top-view_169016-21794.jpg"},
|
|
{
|
|
id: "p2", brand: "Veggie", name: "Garden Fresh", price: "$14.00", rating: 5,
|
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza-with-peppers-assorted-olives_501050-799.jpg"},
|
|
{
|
|
id: "p3", brand: "Signature", name: "Tino's BBQ", price: "$16.00", rating: 5,
|
|
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/pizza-table-light-blue-color_58702-761.jpg"},
|
|
{
|
|
id: "p4", brand: "Cheese", name: "Quattro Formaggi", price: "$15.00", rating: 4,
|
|
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/tasty-pizza-whole-with-cheese-grey-surface_140725-14211.jpg"},
|
|
{
|
|
id: "p5", brand: "Classic", name: "Pepperoni Classic", price: "$13.00", rating: 5,
|
|
reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/pizza-slices-arrangement-with-copy-space_23-2148574306.jpg"},
|
|
{
|
|
id: "p6", brand: "Seafood", name: "Mediterranean Catch", price: "$18.00", rating: 5,
|
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-meringue-cake-decorated-with-citrus_23-2148368220.jpg"},
|
|
]}
|
|
title="Our Signature Pizzas"
|
|
description="Discover your new favorite pizza."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Foodie", company: "Local Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg"},
|
|
{
|
|
id: "2", name: "Mark R.", role: "Local", company: "Regular", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg"},
|
|
{
|
|
id: "3", name: "Emily D.", role: "Student", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-some-delicious-italian-food_23-2149028549.jpg"},
|
|
{
|
|
id: "4", name: "Jason K.", role: "Manager", company: "Corporate Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-girl-adding-honey-waffles-while-eating-with-mother-home_637285-12675.jpg"},
|
|
{
|
|
id: "5", name: "Lisa B.", role: "Designer", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laughing-amorous-girlfriends-street_23-2147743639.jpg"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear from the Tino community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "1.2k", title: "Pizzas Monthly", description: "Hand-crafted satisfaction.", icon: Pizza,
|
|
},
|
|
{
|
|
id: "m2", value: "99%", title: "Freshness Rate", description: "Farm to oven guaranteed.", icon: Leaf,
|
|
},
|
|
{
|
|
id: "m3", value: "25min", title: "Avg Delivery", description: "Quick, hot delivery service.", icon: Clock,
|
|
},
|
|
]}
|
|
title="Tino By The Numbers"
|
|
description="Quality that speaks for itself."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "Do you offer gluten-free crusts?", content: "Yes, we offer premium gluten-free crust options for any of our signature pizzas."},
|
|
{
|
|
id: "f2", title: "How fast is delivery?", content: "Our average delivery time is between 25-35 minutes depending on location and peak hours. We operate until 23:00 daily."},
|
|
{
|
|
id: "f3", title: "Do you take large catering orders?", content: "Absolutely! Contact us at least 24 hours in advance for catering packages."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
faqsAnimation="slide-up"
|
|
description="Get all your questions answered."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Ready to Order?"
|
|
description="Find us at ul. Kabanbay Batyra 32, Taldykorgan. Call 8 (700) 427 2828 or visit tinopizza.kz. We are open until 23:00."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "order", placeholder: "Your Order / Inquiries", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106697.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/pizza-slice-sauce-with-raw-ingredient-wooden-surface_23-2148246810.jpg"
|
|
logoText="TINO PIZZA"
|
|
columns={[
|
|
{
|
|
title: "Navigate", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Business Info", items: [
|
|
{
|
|
label: "ul. Kabanbay Batyra 32", href: "#"},
|
|
{
|
|
label: "Tel: 8 (700) 427 2828", href: "tel:+77004272828"},
|
|
{
|
|
label: "Open until 23:00", href: "#"},
|
|
{
|
|
label: "tinopizza.kz", href: "https://tinopizza.kz"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |