233 lines
12 KiB
TypeScript
233 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Sparkles, Gift, CheckCircle, Star, Mail, Heart } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Cart", href: "#cart" }}
|
|
brandName="ChitraKaar Crafts"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Gifts Made with Love & Care 💝"
|
|
description="Handcrafted gifts from the heart of Indore. Each piece tells a unique story of artistry, passion, and personal connection. Discover our collection of custom bouquets, hampers, photo frames, handmade cards, and explosion boxes—perfect for every occasion."
|
|
background={{ variant: "plain" }}
|
|
kpis={[
|
|
{ value: "500+", label: "Happy Customers" },
|
|
{ value: "100%", label: "Handmade Quality" },
|
|
{ value: "Indore", label: "Crafted with Love" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Welcome to ChitraKaar Crafts"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Shop Now", href: "#products" },
|
|
{ text: "Learn Our Story", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-gift-concept_23-2148102953.jpg"
|
|
imageAlt="Beautiful handmade gift collection"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
products={[
|
|
{
|
|
id: "custom-bouquet", name: "Custom Bouquet", price: "₹499", imageSrc: "http://img.b2bpic.net/free-photo/brown-paper-bag-with-fresh-pink-eustoma-flower-wooden-table_23-2148102846.jpg", imageAlt: "Beautiful custom flower bouquet", isFavorited: false,
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "gift-hamper", name: "Gift Hamper", price: "₹799", imageSrc: "http://img.b2bpic.net/free-photo/basket-dry-pasta-with-ears-wheat-white_114579-37451.jpg", imageAlt: "Luxurious gift hamper basket", isFavorited: false,
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "photo-frame", name: "Photo Frame", price: "₹349", imageSrc: "http://img.b2bpic.net/free-photo/vintage-wood-blank-photo-frame-with-summer-concept-design_74190-297.jpg", imageAlt: "Handmade wooden photo frame", isFavorited: false,
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "handmade-card", name: "Handmade Card", price: "₹249", imageSrc: "http://img.b2bpic.net/free-photo/wedding-card-decorations-table_23-2148468556.jpg", imageAlt: "Artisan crafted greeting card", isFavorited: false,
|
|
initialQuantity: 1
|
|
},
|
|
{
|
|
id: "explosion-box", name: "Explosion Box", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/gift-boxes-placed-wooden-floor_1150-34332.jpg", imageAlt: "Creative explosion box gift", isFavorited: false,
|
|
initialQuantity: 1
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
title="Our Handmade Collection"
|
|
description="Carefully curated gifts that celebrate the art of handcrafting. Each product is made with premium materials and meticulous attention to detail."
|
|
tag="Featured Products"
|
|
tagIcon={Gift}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "View All", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Us"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="ChitraKaar Crafts Story"
|
|
description="Born from passion, crafted with love. Based in Indore, Madhya Pradesh, we believe every gift should carry a piece of the giver's heart. Our artisans pour creativity and care into every creation."
|
|
subdescription="Each handmade gift from ChitraKaar Crafts is a testament to tradition, quality, and the belief that the best gifts are those made with personal touch and genuine care."
|
|
icon={Heart}
|
|
imageSrc="http://img.b2bpic.net/free-photo/christmas-items-blue-wodden-table-woman-s-hands-wrapping-christmas-gift_8353-6526.jpg"
|
|
imageAlt="Artisan hands creating handmade gifts"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
features={[
|
|
{
|
|
id: "handmade", title: "100% Handmade", tags: ["Artisan Crafted", "Premium Quality"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/christmas-items-blue-wodden-table-woman-s-hands-wrapping-christmas-gift_8353-6526.jpg", imageAlt: "Handmade crafting process"
|
|
},
|
|
{
|
|
id: "custom", title: "Custom Gifting", tags: ["Personalized", "Made to Order"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/basket-dry-pasta-with-ears-wheat-white_114579-37451.jpg", imageAlt: "Custom gift hamper"
|
|
},
|
|
{
|
|
id: "based-indore", title: "Based in Indore", tags: ["Local Artisans", "MP, India"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/indian-city-buildings-scene_23-2151823126.jpg", imageAlt: "Indore Madhya Pradesh"
|
|
},
|
|
{
|
|
id: "made-with-love", title: "Made with Love", tags: ["Care & Passion", "Personal Touch"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gift-concept_23-2148102953.jpg", imageAlt: "Gift presentation with care"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
title="Why Choose ChitraKaar Crafts"
|
|
description="We're more than just a gift store—we're storytellers. Every product reflects our commitment to excellence and heartfelt connection."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Our Values"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-volunteers-giving-out-food-donations_23-2148637956.jpg", imageAlt: "Happy customer Priya Sharma"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Rajesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-volunteers-giving-out-food-donations_23-2148637956.jpg", imageAlt: "Happy customer Rajesh Kumar"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Anjali Patel", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-volunteers-giving-out-food-donations_23-2148637956.jpg", imageAlt: "Happy customer Anjali Patel"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Vikram Singh", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-volunteers-giving-out-food-donations_23-2148637956.jpg", imageAlt: "Happy customer Vikram Singh"
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Neha Verma", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-volunteers-giving-out-food-donations_23-2148637956.jpg", imageAlt: "Happy customer Neha Verma"
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Arun Desai", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-volunteers-giving-out-food-donations_23-2148637956.jpg", imageAlt: "Happy customer Arun Desai"
|
|
}
|
|
]}
|
|
cardTitle="Loved by Our Customers"
|
|
cardTag="Customer Stories"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Connect with Us"
|
|
description="Have questions about our products or need custom orders? We'd love to hear from you. Reach out via WhatsApp or email, and our team will respond within 24 hours."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive updates about new products and special offers from ChitraKaar Crafts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Bouquets", href: "#products" },
|
|
{ label: "Hampers", href: "#products" },
|
|
{ label: "Photo Frames", href: "#products" },
|
|
{ label: "Cards", href: "#products" },
|
|
{ label: "Explosion Boxes", href: "#products" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Instagram", href: "https://instagram.com/chitr_akaarcrafts" },
|
|
{ label: "Terms", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email: hello@chitrakaarcrafts.com", href: "mailto:hello@chitrakaarcrafts.com" },
|
|
{ label: "WhatsApp: +91 XXXXXXXXXX", href: "https://wa.me/91XXXXXXXXXX" },
|
|
{ label: "Indore, MP, India", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 ChitraKaar Crafts. All rights reserved. Gifts Made with Love & Care 💝"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|