Merge version_2 into main #3
368
src/app/page.tsx
368
src/app/page.tsx
@@ -1,381 +1,103 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { Sparkles, Heart, Gift, Zap, Users, CreditCard, Star, MapPin, HelpCircle } from "lucide-react";
|
||||
import { Sparkles, Heart, Star, PartyPopper, Cat, Gift } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
export default function BirthdayPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Custom Jewellery", id: "custom" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Collections", href: "/collections" },
|
||||
{ label: "Custom Jewellery", href: "/custom-jewellery" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "Call: +91 90390 78555", href: "tel:+919039078555" },
|
||||
{ label: "WhatsApp Us", href: "https://wa.me/919039078555" },
|
||||
{ label: "Get Directions", href: "https://maps.google.com/?q=Kisna+DB+City+Mall+Bhopal" },
|
||||
{ label: "Email Support", href: "mailto:info@kisna.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Kisna", href: "/about" },
|
||||
{ label: "Hari Krishna Group", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Store Hours",
|
||||
items: [
|
||||
{ label: "Monday - Sunday", href: "#" },
|
||||
{ label: "11:00 AM - 9:30 PM", href: "#" },
|
||||
{ label: "DB City Mall", href: "https://maps.google.com/?q=Kisna+DB+City+Mall+Bhopal" },
|
||||
{ label: "Bhopal, India", href: "#" },
|
||||
],
|
||||
},
|
||||
{ name: "For Nishi", id: "hero" },
|
||||
{ name: "Birthday Wishes", id: "wishes" },
|
||||
{ name: "Cat Corner", id: "cats" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Kisna"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+919039078555",
|
||||
}}
|
||||
brandName="Happy Birthday Nishi!"
|
||||
button={{ text: "Send Love", onClick: () => alert("Happy Birthday, Nishi! 🎂") }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Premium Diamond & Gold Jewellery in Bhopal"
|
||||
description="Explore 8000+ exclusive designs by Kisna - BIS Hallmarked Gold, IGI Certified Diamonds, and Lifetime Buyback Guarantee. Your trusted jewellery destination at DB City Mall."
|
||||
tag="Premium Jewellery"
|
||||
tagIcon={Sparkles}
|
||||
title="Happy Birthday, Nishi! 🎂"
|
||||
description="Wishing the most wonderful birthday to a truly amazing person. May your day be filled with as much happiness as you bring to everyone around you!"
|
||||
tag="Celebration"
|
||||
tagIcon={PartyPopper}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919039078555" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/919039078555" },
|
||||
{ text: "Get Directions", href: "https://maps.google.com/?q=Kisna+DB+City+Mall+Bhopal" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
kpis={[
|
||||
{ value: "8000+", label: "Exclusive Designs" },
|
||||
{ value: "4.8★", label: "228+ Reviews" },
|
||||
{ value: "20+ Years", label: "Trusted Quality" },
|
||||
{ value: "Unlimited", label: "Joy" },
|
||||
{ value: "Infinite", label: "Love" },
|
||||
{ value: "Best", label: "Year Yet" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-young-woman-entering-glass-door-into-modern-hotel-cafe-business-centre-wearing-stylish-glasses-pink-jacket-little-silver-backpack_197531-3160.jpg?_wi=1"
|
||||
imageAlt="Premium jewellery collection showcase"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/young-happy-woman-holding-birthday-cake-with-candles_23-2148281351.jpg?_wi=1"
|
||||
imageAlt="Birthday celebration"
|
||||
imagePosition="right"
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-badges" data-section="trust-badges">
|
||||
<div id="wishes" data-section="wishes">
|
||||
<MetricCardTen
|
||||
title="Why Choose Kisna?"
|
||||
description="Trusted by thousands of customers across Bhopal for authentic, certified jewellery with lifetime benefits."
|
||||
title="Personal Birthday Wishes"
|
||||
description="Celebrating you today with love, joy, and cat stickers!"
|
||||
metrics={[
|
||||
{
|
||||
id: "bis-hallmark",
|
||||
title: "BIS Hallmarked Gold",
|
||||
subtitle: "100% Certified",
|
||||
category: "Authenticity",
|
||||
value: "Guaranteed",
|
||||
},
|
||||
id: "wish-1", title: "Dream Big", subtitle: "May all your wishes come true", category: "Growth", value: "Sparkle"},
|
||||
{
|
||||
id: "igi-certified",
|
||||
title: "IGI Certified Diamonds",
|
||||
subtitle: "International Standards",
|
||||
category: "Quality",
|
||||
value: "Certified",
|
||||
},
|
||||
id: "wish-2", title: "Stay Cute", subtitle: "Like a little kitty", category: "Personality", value: "Meow"},
|
||||
{
|
||||
id: "lifetime-exchange",
|
||||
title: "Lifetime Exchange",
|
||||
subtitle: "Exchange Old Jewellery",
|
||||
category: "Service",
|
||||
value: "Free",
|
||||
},
|
||||
{
|
||||
id: "lifetime-buyback",
|
||||
title: "Lifetime Buyback",
|
||||
subtitle: "At Best Market Rate",
|
||||
category: "Value",
|
||||
value: "Guaranteed",
|
||||
},
|
||||
id: "wish-3", title: "Pure Joy", subtitle: "Happiness in every moment", category: "Vibes", value: "Smile"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="centered"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<div id="cats" data-section="cats">
|
||||
<ProductCardTwo
|
||||
title="Featured Jewellery Collections"
|
||||
description="Browse our exclusive range of diamond rings, gold bangles, mangalsutra, and more - each piece crafted with precision and elegance."
|
||||
tag="Popular Collections"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[{ text: "View All Collections", href: "/collections" }]}
|
||||
buttonAnimation="slide-up"
|
||||
title="Cat Stickers for Nishi! 🐱"
|
||||
description="A special collection of cuteness just for you."
|
||||
tag="Cat Lover"
|
||||
tagIcon={Cat}
|
||||
products={[
|
||||
{
|
||||
id: "diamond-rings",
|
||||
brand: "Kisna",
|
||||
name: "Diamond Rings",
|
||||
price: "Starting ₹25,000",
|
||||
rating: 5,
|
||||
reviewCount: "45+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-proposal-ring-rose_23-2148357896.jpg?_wi=1",
|
||||
imageAlt: "Premium diamond rings collection",
|
||||
},
|
||||
{
|
||||
id: "gold-bangles",
|
||||
brand: "Kisna",
|
||||
name: "Gold Bangles",
|
||||
price: "Starting ₹15,000",
|
||||
rating: 5,
|
||||
reviewCount: "62+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-listening-music_23-2148286120.jpg?_wi=1",
|
||||
imageAlt: "Elegant gold bangles collection",
|
||||
},
|
||||
{
|
||||
id: "mangalsutra",
|
||||
brand: "Kisna",
|
||||
name: "Mangalsutra",
|
||||
price: "Starting ₹18,000",
|
||||
rating: 5,
|
||||
reviewCount: "38+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400846.jpg?_wi=1",
|
||||
imageAlt: "Traditional and modern mangalsutra designs",
|
||||
},
|
||||
{
|
||||
id: "diamond-necklace",
|
||||
brand: "Kisna",
|
||||
name: "Diamond Necklaces",
|
||||
price: "Starting ₹35,000",
|
||||
rating: 5,
|
||||
reviewCount: "52+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-wearing-beautiful-silver-necklace_181624-23666.jpg?_wi=1",
|
||||
imageAlt: "Exquisite diamond necklace collection",
|
||||
},
|
||||
{
|
||||
id: "earrings",
|
||||
brand: "Kisna",
|
||||
name: "Gold Earrings",
|
||||
price: "Starting ₹8,000",
|
||||
rating: 5,
|
||||
reviewCount: "71+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-pretty-woman-with-curly-hair-stylish-black-outfit_197531-2617.jpg?_wi=1",
|
||||
imageAlt: "Beautiful gold earrings collection",
|
||||
},
|
||||
{
|
||||
id: "pendant",
|
||||
brand: "Kisna",
|
||||
name: "Diamond Pendants",
|
||||
price: "Starting ₹12,000",
|
||||
rating: 5,
|
||||
reviewCount: "48+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-white-shirt-delicate-silver-charm-necklace_181624-24736.jpg?_wi=1",
|
||||
imageAlt: "Elegant diamond pendant designs",
|
||||
},
|
||||
{ id: "cat1", brand: "Cuteness", name: "Sleepy Kitty", price: "Gifted", rating: 5, reviewCount: "1k", imageSrc: "https://img.b2bpic.net/free-photo/cute-cat-wearing-birthday-hat_23-2149416550.jpg?_wi=1" },
|
||||
{ id: "cat2", brand: "Cuteness", name: "Happy Kitty", price: "Gifted", rating: 5, reviewCount: "2k", imageSrc: "https://img.b2bpic.net/free-photo/cat-playing-with-gift-box_23-2149405621.jpg?_wi=1" },
|
||||
{ id: "cat3", brand: "Cuteness", name: "Tiny Purr", price: "Gifted", rating: 5, reviewCount: "800", imageSrc: "https://img.b2bpic.net/free-photo/funny-kitten-with-birthday-balloon_23-2149416545.jpg?_wi=1" },
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
carouselMode="buttons"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Priya Sharma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-executive-with-short-hair-crossed-arms_1149-89.jpg?_wi=1",
|
||||
imageAlt: "professional woman portrait headshot",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Rajesh Verma",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg?_wi=1",
|
||||
imageAlt: "professional man portrait headshot",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anjali Gupta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-showing-thumbs-up-looking-camera_1262-14435.jpg?_wi=1",
|
||||
imageAlt: "professional woman portrait business",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram Patel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-businessman-office_1163-5471.jpg?_wi=1",
|
||||
imageAlt: "professional man business portrait",
|
||||
},
|
||||
]}
|
||||
cardTitle="Trusted by 228+ Customers"
|
||||
cardTag="Verified Reviews"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="slide-up"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="special-offers" data-section="special-offers">
|
||||
<SplitAbout
|
||||
title="Special Offers This Season"
|
||||
description="Visit our store today and enjoy exclusive discounts on premium jewellery. Limited time offers on engagement rings, wedding collections, and festival jewellery."
|
||||
tag="Limited Time Offer"
|
||||
tagIcon={Gift}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Book Store Visit", href: "https://maps.google.com/?q=Kisna+DB+City+Mall+Bhopal" },
|
||||
{ text: "Check Gold Rate", href: "tel:+919039078555" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Up to ₹1000 OFF",
|
||||
description: "Per gram on select jewellery purchases",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Free Jewellery Consultation",
|
||||
description: "Expert guidance on designs and prices",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Easy Payment Plans",
|
||||
description: "Flexible installment options available",
|
||||
icon: CreditCard,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/promotion-square-banner-collectio_52683-6123.jpg"
|
||||
imageAlt="Special seasonal offers"
|
||||
mediaAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<ContactSplit
|
||||
tag="Visit Us"
|
||||
title="Find Us at DB City Mall"
|
||||
description="Shop No G-3, Ground Floor, DB City Mall, Zone-I, Maharana Pratap Nagar, Arera Hill Road, Bhopal. Open daily 11:00 AM - 9:30 PM."
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-building-view_1112-392.jpg?_wi=1"
|
||||
imageAlt="Store location map navigation"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your phone number"
|
||||
buttonText="Get Directions"
|
||||
termsText="Click to navigate to our store on Google Maps."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our jewellery, certifications, and services."
|
||||
tag="Help Center"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are all jewellery BIS hallmarked?",
|
||||
content: "Yes, all our gold jewellery is 100% BIS hallmarked, ensuring purity and authenticity.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you provide certification for diamonds?",
|
||||
content: "All diamonds above 0.5 carat come with IGI certification. We ensure international quality standards.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is the lifetime buyback policy?",
|
||||
content: "We buyback your jewellery at the best market rate, anytime. No hidden charges or conditions.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can I customize my jewellery design?",
|
||||
content: "Absolutely! Our expert craftsmen can create custom designs based on your preferences and budget.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "What payment options are available?",
|
||||
content: "We accept cash, credit/debit cards, digital payments, and offer flexible installment plans.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "How do I contact the store?",
|
||||
content: "Call us at +91 90390 78555 or visit our store at DB City Mall. You can also WhatsApp us anytime.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Kisna Jewellery"
|
||||
copyrightText="© 2025 Kisna Diamond & Gold Jewellery | All Rights Reserved"
|
||||
columns={footerColumns}
|
||||
columns={[]}
|
||||
logoText="With Love"
|
||||
copyrightText="© 2025 Birthday Celebration for Nishi"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user