175 lines
8.7 KiB
TypeScript
175 lines
8.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, Smile, Star, ShoppingBag, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero"},
|
|
{ name: "Our Sweets", id: "products"},
|
|
{ name: "About", id: "about"},
|
|
{ name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Lovely Sweet Shop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Lovely Sweet Shop"
|
|
description="Authentic Indian sweets crafted with tradition and passion. Discover our signature recipes that have defined celebrations for generations."
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products"},
|
|
{ text: "Our Story", href: "#about"},
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-coconut-candies-with-red-icings-black_140725-104628.jpg", imageAlt: "Traditional sweets assortment"},
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/turkish-dessert-kadaif-rolls-with-pistachio_140725-6863.jpg", imageAlt: "Festive sweet display"},
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/eastern-sweets-turkish-delight-lokum-with-nuts_114579-9235.jpg", imageAlt: "Wedding sweets collection"},
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-round-sugar-cookies-inside-plate-white-surface-cookies-biscuit-sugar-sweet-cake_140725-74326.jpg", imageAlt: "Handmade ladoos"},
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cakes-with-candies-flowers-black_140725-104223.jpg", imageAlt: "Authentic barfi selection"},
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-little-cakes-with-dried-pineapple-rings-light-white-surface_140725-61849.jpg", imageAlt: "Premium mithai shop"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{ type: "text", content: "Tradition in Every "},
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-pastry-shop_23-2150360202.jpg", alt: "Crafting sweets"},
|
|
{ type: "text", content: " Single Bite"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
tag="Best Seller"
|
|
tagIcon={Sparkles}
|
|
products={[
|
|
{ id: "p1", name: "Gulab Jamun", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/pickled-cornel-cherries-green-bowl_114579-57635.jpg"},
|
|
{ id: "p2", name: "Kaju Katli", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-food-plate_23-2148734688.jpg"},
|
|
{ id: "p3", name: "Rasgulla", price: "₹399", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-chees-slices-conifer-cones-towel-black-background_140725-94597.jpg"},
|
|
{ id: "p4", name: "Besan Ladoo", price: "₹450", imageSrc: "http://img.b2bpic.net/free-photo/bowls-colorful-candies-marble-surface_114579-43576.jpg"},
|
|
{ id: "p5", name: "Hot Jalebi", price: "₹299", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-persimmon-pancake-light-surface_140725-75542.jpg"},
|
|
{ id: "p6", name: "Milk Cake", price: "₹650", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-sweets-lemon-sunflower-seed-halva-plate-cinnamon-cup-tea_140725-78743.jpg"},
|
|
]}
|
|
title="Our Freshly Made Mithai"
|
|
description="From slow-cooked Gulab Jamuns to delicate Kaju Katli, explore our curated selection of Indian favorites."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Ananya P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg"},
|
|
{ id: "2", name: "Rahul S.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-girl-has-cooked-cake_1262-4725.jpg"},
|
|
{ id: "3", name: "Priya D.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-expecting-baby_23-2151487778.jpg"},
|
|
{ id: "4", name: "Amit M.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-baked-chocolate-muffin-hand_23-2147974610.jpg"},
|
|
{ id: "5", name: "Sunita K.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-casual-peach-sweater-isolated-green-olive-wall-with-pink-donut-happy-copy-space_343596-5207.jpg"},
|
|
]}
|
|
cardTitle="Our Happy Customers"
|
|
cardTag="Testimonials"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", icon: Award, title: "Years Served", value: "25+"},
|
|
{ id: "m2", icon: Star, title: "Recipes Perfected", value: "100+"},
|
|
{ id: "m3", icon: Smile, title: "Happy Families", value: "50k+"},
|
|
]}
|
|
title="A Legacy of Sweetness"
|
|
description="Decades of serving sweetness to our community."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "Are your sweets freshly made?", content: "Yes, we prepare all our sweets fresh every day using high-quality ingredients."},
|
|
{ id: "f2", title: "Do you offer bulk orders?", content: "Absolutely! We cater to weddings, festivals, and large events. Please contact us for details."},
|
|
{ id: "f3", title: "How long do the sweets stay fresh?", content: "Most of our milk-based sweets last 3-4 days when refrigerated. Dry sweets last much longer."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about our sweets and services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Get in Touch"
|
|
description="Have a special order or question? Drop us a message."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516953.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516953.jpg?_wi=2"
|
|
logoText="Lovely Sweet Shop"
|
|
columns={[
|
|
{ title: "Quick Links", items: [
|
|
{ label: "Shop", href: "#products"},
|
|
{ label: "About Us", href: "#about"},
|
|
{ label: "Contact", href: "#contact"},
|
|
]},
|
|
{ title: "Support", items: [
|
|
{ label: "FAQs", href: "#faq"},
|
|
{ label: "Order Tracking", href: "#"},
|
|
{ label: "Returns", href: "#"},
|
|
]},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |