319 lines
8.8 KiB
TypeScript
319 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import { CheckCircle, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Menu",
|
|
id: "#menu",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Visit",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="ZAM ZAM"
|
|
button={{
|
|
text: "Call Now",
|
|
href: "tel:9447616579",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="ZAM ZAM BAKERY"
|
|
description="Hot snacks, loaded shawarma, and local cravings. Freshly prepared, every single day."
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:9447616579",
|
|
},
|
|
{
|
|
text: "Find Us",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg?_wi=1",
|
|
imageAlt: "Fresh street food",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg?_wi=2",
|
|
imageAlt: "Shawarma station",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg?_wi=3",
|
|
imageAlt: "Bakery treats",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg?_wi=4",
|
|
imageAlt: "Evening snacks",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg?_wi=5",
|
|
imageAlt: "Fried bites",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-pita-bread-with-onions-tomato_140725-6559.jpg?_wi=6",
|
|
imageAlt: "Ice cream treats",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Shawarma",
|
|
subtitle: "Slow-roasted perfection.",
|
|
category: "Savory",
|
|
value: "Daily",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Crispy Snacks",
|
|
subtitle: "Fried to order daily.",
|
|
category: "Crunch",
|
|
value: "Hot",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Bakery Bites",
|
|
subtitle: "Fresh from our oven.",
|
|
category: "Sweet",
|
|
value: "Daily",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "Evening Tea",
|
|
subtitle: "Perfect rainy companions.",
|
|
category: "Classic",
|
|
value: "Fresh",
|
|
},
|
|
{
|
|
id: "f5",
|
|
title: "Ice Cream",
|
|
subtitle: "Uncle John's treats.",
|
|
category: "Cool",
|
|
value: "Sweet",
|
|
},
|
|
]}
|
|
title="What We're Famous For"
|
|
description="The cravings that keep Ekkaparamba coming back."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Your Neighborhood Bite"
|
|
metrics={[
|
|
{
|
|
label: "Fresh Daily",
|
|
value: "100%",
|
|
icon: CheckCircle,
|
|
},
|
|
{
|
|
label: "Local Favorite",
|
|
value: "Daily",
|
|
icon: Users,
|
|
},
|
|
{
|
|
label: "Quick Service",
|
|
value: "Ready",
|
|
icon: Zap,
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="best-sellers" data-section="best-sellers">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Special Shawarma",
|
|
price: "Fresh",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-chicken-doner-wrapped-lavash-with-pickled-green-pepper-wooden-platter_140725-11888.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Hot Samosa",
|
|
price: "Crunchy",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-nut-pastries-sweet-cakes_140725-85235.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Cream Bun",
|
|
price: "Soft",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-photo-plate-cookies-cinnamon-sticks-dry-flowers-palm_140725-52730.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Chicken Bites",
|
|
price: "Fried",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-nut-pastries-sweet-cakes_140725-85235.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Uncle John Scoop",
|
|
price: "Cold",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-creamy-cakes-with-candies-dark-background-dessert-cake-biscuit-candy-cookie-color_140725-110030.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Puffs",
|
|
price: "Flaky",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-photo-plate-cookies-cinnamon-sticks-dry-flowers-palm_140725-52730.jpg?_wi=2",
|
|
},
|
|
]}
|
|
title="Crowd Favorites"
|
|
description="The hits that never fail."
|
|
/>
|
|
</div>
|
|
|
|
<div id="mood" data-section="mood">
|
|
<MetricCardSeven
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "Rainy Days",
|
|
title: "Snack Time",
|
|
items: [
|
|
"Hot tea",
|
|
"Fresh puffs",
|
|
],
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "Evening Rush",
|
|
title: "Takeaway Culture",
|
|
items: [
|
|
"Fast orders",
|
|
"Local meetups",
|
|
],
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "Anytime",
|
|
title: "Quick Cravings",
|
|
items: [
|
|
"Ice cream",
|
|
"Fried bites",
|
|
],
|
|
},
|
|
]}
|
|
title="The Roadside Vibe"
|
|
description="More than food, it's a routine."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Visit Zam Zam"
|
|
description="Ekkaparamba, Kerala. Call us for fresh orders or directions."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Your Phone Number",
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "How can we help?",
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-waitress-holding-blank-green-menu-board-outdoors-caf_23-2147874504.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Visit Us",
|
|
items: [
|
|
{
|
|
label: "Ekkaparamba, Kerala",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Call: 9447 616 579",
|
|
href: "tel:9447616579",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{
|
|
label: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="ZAM ZAM"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|