154 lines
11 KiB
TypeScript
154 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Sparkles, Heart, Leaf, Wallet, Users, Zap, Star, Cake, MapPin } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[{"name":"Home","id":"home"},{"name":"Cakes","id":"cakes"},{"name":"Why Us","id":"why-us"},{"name":"Reviews","id":"reviews"},{"name":"Contact","id":"contact"}]}
|
|
brandName="Honey Confectionery"
|
|
bottomLeftText="Yamuna Vihar, Delhi"
|
|
bottomRightText="087009 45501"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Fresh Cakes & Bakery Items in Yamuna Vihar"
|
|
description="Delicious cakes, pastries, and fresh bakery products made daily. Order your custom cake today or visit us for freshly baked treats."
|
|
background={{variant: "sparkles-gradient"}}
|
|
tag="Fresh Daily"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/person-dealing-with-rosacea_23-2150478709.jpg", alt: "Customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outside_23-2149042107.jpg", alt: "Customer 3" }
|
|
]}
|
|
avatarText="Trusted by 500+ families in Yamuna Vihar"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-shopping-with-mask_23-2149445494.jpg"
|
|
imageAlt="Fresh cakes and pastries at Honey Confectionery"
|
|
mediaAnimation="slide-up"
|
|
buttons={[{text: "📞 Call Now", href: "tel:087009-45501"}, {text: "🟢 Order on WhatsApp", href: "https://wa.me/919870094501"}]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cakes" data-section="cakes">
|
|
<ProductCardTwo
|
|
title="Popular Cakes"
|
|
description="Our best-selling cakes, freshly baked and ready to delight. Available for immediate pickup or delivery."
|
|
tag="Best Sellers"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
products={[{id: "1", brand: "Honey Confectionery", name: "Red Velvet Cake", price: "₹450", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/set-cake-portions-velvet-strawberry-cake-marble_123827-23963.jpg", imageAlt: "Red Velvet Cake"}, {id: "2", brand: "Honey Confectionery", name: "Black Forest Cake", price: "₹520", rating: 5, reviewCount: "76", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549962.jpg", imageAlt: "Black Forest Cake"}, {id: "3", brand: "Honey Confectionery", name: "Chocolate Truffle Cake", price: "₹480", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-chocolate-cake-concept_23-2148769277.jpg", imageAlt: "Chocolate Truffle Cake"}, {id: "4", brand: "Honey Confectionery", name: "Pineapple Cake", price: "₹380", rating: 4, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/healthy-meal-with-yogurt-pineapple-glass_23-2148759731.jpg", imageAlt: "Pineapple Cake"}, {id: "5", brand: "Honey Confectionery", name: "Birthday Special Cake", price: "₹550", rating: 5, reviewCount: "103", imageSrc: "http://img.b2bpic.net/free-photo/tasty-birthday-cake-turquoise-background_23-2147732145.jpg", imageAlt: "Birthday Special Cake"}, {id: "6", brand: "Honey Confectionery", name: "Assorted Fresh Pastries", price: "₹200", rating: 5, reviewCount: "87", imageSrc: "http://img.b2bpic.net/free-photo/croissant-butter-coffee-cup-marble-top-with-yellow-napkin_23-2147975179.jpg", imageAlt: "Assorted Fresh Pastries"}]}
|
|
buttons={[{text: "🎂 Order Custom Cake", href: "#order"}]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureBorderGlow
|
|
title="Why Choose Honey Confectionery"
|
|
description="We're committed to quality, affordability, and exceptional customer service. Here's what makes us special."
|
|
tag="Our Strengths"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[{icon: Leaf, title: "Freshly Baked Daily", description: "All our cakes and pastries are made fresh every day using quality ingredients."}, {icon: Wallet, title: "Affordable Prices", description: "Delicious treats from just ₹1 to ₹200 per person. Great value for your money."}, {icon: Users, title: "Friendly Service", description: "Our team treats every customer like family. Personalized service always."}, {icon: Zap, title: "Fast Delivery", description: "Quick delivery service and convenient drive-through option available."}]}
|
|
buttons={[{text: "📞 Contact Us", href: "tel:087009-45501"}]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
title="What Our Customers Say"
|
|
description="Real reviews from our happy customers in Yamuna Vihar. See why we have a 4.1★ rating."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[{id: "1", name: "Priya Sharma", role: "Customer", company: "Yamuna Vihar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", imageAlt: "Priya Sharma"}, {id: "2", name: "Rajesh Kumar", role: "Regular Customer", company: "Yamuna Vihar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-dealing-with-rosacea_23-2150478709.jpg", imageAlt: "Rajesh Kumar"}, {id: "3", name: "Anjali Verma", role: "Event Organizer", company: "Delhi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-outside_23-2149042107.jpg", imageAlt: "Anjali Verma"}, {id: "4", name: "Vikram Singh", role: "Business Owner", company: "Shahdara", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", imageAlt: "Vikram Singh"}, {id: "5", name: "Neha Gupta", role: "Student", company: "Yamuna Vihar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-smiling-shopping-center_23-2148225680.jpg", imageAlt: "Neha Gupta"}, {id: "6", name: "Arjun Patel", role: "Professional", company: "Delhi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "Arjun Patel"}]}
|
|
kpiItems={[{value: "234+", label: "Happy Customers"}, {value: "4.1★", label: "Average Rating"}, {value: "15+", label: "Years Experience"}]}
|
|
buttons={[{text: "See More Reviews", href: "#"}]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="order" data-section="order">
|
|
<ContactSplit
|
|
tag="Quick Order"
|
|
title="Order Your Custom Cake"
|
|
description="Tell us what you want and we'll make it fresh for you. Fill in your details below."
|
|
tagIcon={Cake}
|
|
tagAnimation="slide-up"
|
|
background={{variant: "sparkles-gradient"}}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-male-baker-holding-fresh-baked-bread-wooden-shovel-from-oven_23-2148189054.jpg"
|
|
imageAlt="Honey Confectionery bakery"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Submit Order"
|
|
termsText="We'll contact you shortly to confirm your order details."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<MetricSplitMediaAbout
|
|
tag="Visit Us"
|
|
title="Honey Confectionery - Your Local Bakery"
|
|
description="Located in the heart of Yamuna Vihar, we've been serving our community with fresh, delicious baked goods for over 15 years. Our commitment to quality and customer satisfaction drives everything we do."
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
metrics={[{value: "15+", title: "Years Serving Yamuna Vihar"}, {value: "4.1★", title: "Google Rating"}]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/focused-wisconsin-state-with-magnifying-glass_23-2148232432.jpg"
|
|
imageAlt="Honey Confectionery Location"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[{title: "Quick Links", items: [{label: "Home", href: "#home"}, {label: "Cakes", href: "#cakes"}, {label: "About", href: "#contact"}, {label: "Contact", href: "tel:087009-45501"}]}, {title: "Contact", items: [{label: "📞 087009 45501", href: "tel:087009-45501"}, {label: "🟢 WhatsApp Order", href: "https://wa.me/919870094501"}, {label: "📍 Get Directions", href: "https://maps.google.com/?q=C-6/469+Yamuna+Vihar+Delhi"}, {label: "🕒 Daily - Close 10:30 PM", href: "#"}]}, {title: "Services", items: [{label: "Fresh Cakes", href: "#cakes"}, {label: "Custom Cakes", href: "#order"}, {label: "Pastries", href: "#cakes"}, {label: "Fast Delivery", href: "tel:087009-45501"}]}]}
|
|
bottomLeftText="© 2025 Honey Confectionery (हनी बेकरी). All rights reserved."
|
|
bottomRightText="Serving Yamuna Vihar with Love 🍰"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|