bender/fa0efd59-c5ba-40b5-9fca-b45e4feea81e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 12:59:43 +00:00
parent 5403863c55
commit c60588c001
1 changed files with 53 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Clock, Diamond, Instagram, Phone, Scissors, ShieldCheck, Sparkles, Truck } from "lucide-react";
import { Award, Clock, Diamond, Instagram, Phone, Scissors, ShieldCheck, Sparkles, Truck, MessageCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Collections",
id: "collections",
},
name: "Collections", id: "collections"},
{
name: "Why Kaaya",
id: "about",
},
name: "Why Kaaya", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Kaaya Boutique"
/>
@@ -56,45 +48,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Designer Fashion Tailored To Perfection"
description="From graceful kurtis to custom-fitted blouses — experience luxury, comfort & confidence at Kaaya Boutique."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
{
text: "Explore Collection",
href: "#collections",
},
text: "Explore Collection", href: "#collections"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7032.jpg",
imageAlt: "elegant model indian traditional outfit",
},
imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7032.jpg", imageAlt: "elegant model indian traditional outfit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg",
imageAlt: "elegant model indian traditional outfit",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress-side-view_639032-823.jpg", imageAlt: "elegant model indian traditional outfit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg",
imageAlt: "elegant model indian traditional outfit",
},
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-brunette-woman-black-dress_613910-7042.jpg", imageAlt: "elegant model indian traditional outfit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg",
imageAlt: "elegant model indian traditional outfit",
},
imageSrc: "http://img.b2bpic.net/free-photo/pretty-asian-girl-looking-camera-contrast-portrait_633478-538.jpg", imageAlt: "elegant model indian traditional outfit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-curly-woman-silk-black-stylish-home-suit-sits-carpet-floor-leans-lea_197531-33664.jpg",
imageAlt: "elegant model indian traditional outfit",
},
imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-curly-woman-silk-black-stylish-home-suit-sits-carpet-floor-leans-lea_197531-33664.jpg", imageAlt: "elegant model indian traditional outfit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400909.jpg",
imageAlt: "elegant model indian traditional outfit",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400909.jpg", imageAlt: "elegant model indian traditional outfit"},
]}
/>
</div>
@@ -106,24 +81,16 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "Experience",
value: "10+ Years",
},
label: "Experience", value: "10+ Years"},
{
icon: ShieldCheck,
label: "Perfect Fitting",
value: "Guarantee",
},
label: "Perfect Fitting", value: "Guarantee"},
{
icon: Clock,
label: "On-Time",
value: "Delivery",
},
label: "On-Time", value: "Delivery"},
{
icon: Diamond,
label: "Premium",
value: "Quality",
},
label: "Premium", value: "Quality"},
]}
metricsAnimation="slide-up"
/>
@@ -137,19 +104,13 @@ export default function LandingPage() {
features={[
{
icon: Scissors,
title: "Expert Stitching",
description: "Precision tailoring that enhances your body shape.",
},
title: "Expert Stitching", description: "Precision tailoring that enhances your body shape."},
{
icon: Sparkles,
title: "Perfect Fitting",
description: "Customized to your exact measurements.",
},
title: "Perfect Fitting", description: "Customized to your exact measurements."},
{
icon: Truck,
title: "On-Time Delivery",
description: "Your outfits ready exactly when promised.",
},
title: "On-Time Delivery", description: "Your outfits ready exactly when promised."},
]}
title="Our Craftsmanship"
description="Excellence in every stitch for over a decade."
@@ -164,59 +125,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Kaaya",
name: "Designer Kurti",
price: "Custom",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-groom-s-suit-with-flowers-red-patterned-tie-with-trees-background_181624-32725.jpg",
},
id: "1", brand: "Kaaya", name: "Designer Kurti", price: "Custom", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-groom-s-suit-with-flowers-red-patterned-tie-with-trees-background_181624-32725.jpg"},
{
id: "2",
brand: "Kaaya",
name: "Bridal Blouse",
price: "Custom",
rating: 5,
reviewCount: "98",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-tradition-sari-garment_52683-90226.jpg",
},
id: "2", brand: "Kaaya", name: "Bridal Blouse", price: "Custom", rating: 5,
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-tradition-sari-garment_52683-90226.jpg"},
{
id: "3",
brand: "Kaaya",
name: "Indo-Western Dress",
price: "Custom",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-different-outfits_23-2148195375.jpg",
},
id: "3", brand: "Kaaya", name: "Indo-Western Dress", price: "Custom", rating: 4,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-different-outfits_23-2148195375.jpg"},
{
id: "4",
brand: "Kaaya",
name: "Readymade Blouse",
price: "Custom",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-clothes_23-2148915546.jpg",
},
id: "4", brand: "Kaaya", name: "Readymade Blouse", price: "Custom", rating: 5,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-clothes_23-2148915546.jpg"},
{
id: "5",
brand: "Kaaya",
name: "Handcrafted Suit",
price: "Custom",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-floral-wear-standing-against-grey-wall-looking-away_23-2148122010.jpg",
},
id: "5", brand: "Kaaya", name: "Handcrafted Suit", price: "Custom", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-floral-wear-standing-against-grey-wall-looking-away_23-2148122010.jpg"},
{
id: "6",
brand: "Kaaya",
name: "Festive Collection",
price: "Custom",
rating: 5,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-traditional-ethnic-shawls-different-colors-patterns_169016-25415.jpg",
},
id: "6", brand: "Kaaya", name: "Festive Collection", price: "Custom", rating: 5,
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/ukrainian-traditional-ethnic-shawls-different-colors-patterns_169016-25415.jpg"},
]}
title="Designer Collection"
description="Handcrafted ethnic wear for the modern woman."
@@ -230,40 +155,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@kaaya-fan",
testimonial: "Perfect fittings and awesome designs… Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-sunny-day-shadow-from-window_158538-25858.jpg",
},
id: "1", name: "Sarah J.", handle: "@kaaya-fan", testimonial: "Perfect fittings and awesome designs… Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-sunny-day-shadow-from-window_158538-25858.jpg"},
{
id: "2",
name: "Anita R.",
handle: "@loyalcustomer",
testimonial: "Quality beyond the best with on-time delivery.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg",
},
id: "2", name: "Anita R.", handle: "@loyalcustomer", testimonial: "Quality beyond the best with on-time delivery.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-relaxing-with-diary_23-2150522497.jpg"},
{
id: "3",
name: "Meera S.",
handle: "@fashionista",
testimonial: "Elegant collection with lovely service.",
imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-curly-blond-hair-white-dress-smoking-cigarette_613910-11013.jpg",
},
id: "3", name: "Meera S.", handle: "@fashionista", testimonial: "Elegant collection with lovely service.", imageSrc: "http://img.b2bpic.net/free-photo/serious-woman-with-curly-blond-hair-white-dress-smoking-cigarette_613910-11013.jpg"},
{
id: "4",
name: "Priya K.",
handle: "@kaaya-lover",
testimonial: "Coming here from 10 years – best stitching services!",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
id: "4", name: "Priya K.", handle: "@kaaya-lover", testimonial: "Coming here from 10 years – best stitching services!", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
{
id: "5",
name: "Sneha V.",
handle: "@delighted",
testimonial: "Simply the best boutique in Lucknow!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-holding-dress-from-rack-looking-away_23-2147944607.jpg",
},
id: "5", name: "Sneha V.", handle: "@delighted", testimonial: "Simply the best boutique in Lucknow!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-young-woman-holding-dress-from-rack-looking-away_23-2147944607.jpg"},
]}
title="Client Stories"
description="Trusted for 10 years by our lovely community."
@@ -275,12 +175,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Council",
"Vogue Local",
"Design Weekly",
"Style Today",
"Lucknow Trends",
]}
"Fashion Council", "Vogue Local", "Design Weekly", "Style Today", "Lucknow Trends"]}
title="Trusted Partner"
description="Building fashion legacies together."
/>
@@ -292,30 +187,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "Do you provide custom stitching?",
content: "Yes, we specialize in custom-fitted blouses, kurtis, and suits tailored to your body.",
},
id: "1", title: "Do you provide custom stitching?", content: "Yes, we specialize in custom-fitted blouses, kurtis, and suits tailored to your body."},
{
id: "2",
title: "How long does it take?",
content: "We pride ourselves on on-time delivery, usually within 7-10 days.",
},
id: "2", title: "How long does it take?", content: "We pride ourselves on on-time delivery, usually within 7-10 days."},
{
id: "3",
title: "Where are you located?",
content: "We are based in Lucknow and welcome you to visit our boutique.",
},
id: "3", title: "Where are you located?", content: "We are based in Lucknow and welcome you to visit our boutique."},
{
id: "4",
title: "Do you offer consultations?",
content: "Yes, book an appointment to discuss your designs and fabric choices.",
},
id: "4", title: "Do you offer consultations?", content: "Yes, book an appointment to discuss your designs and fabric choices."},
{
id: "5",
title: "Can I bring my own fabric?",
content: "Absolutely! We welcome customers to bring their own fabrics for custom tailoring.",
},
id: "5", title: "Can I bring my own fabric?", content: "Absolutely! We welcome customers to bring their own fabrics for custom tailoring."},
]}
title="Frequently Asked"
description="Have questions about our services?"
@@ -330,22 +210,14 @@ export default function LandingPage() {
description="Experience perfect fit fashion today."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your requirements",
rows: 4,
name: "message", placeholder: "Tell us about your requirements", rows: 4,
required: true,
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DLfgvWXa42YwI4FhiJTrYvuZRB/uploaded-1778068422082-yjlxe6lh.jpg"
@@ -359,17 +231,17 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com",
ariaLabel: "Instagram",
},
href: "https://instagram.com", ariaLabel: "Instagram"},
{
icon: Phone,
href: "tel:9889720689",
ariaLabel: "Call Us",
},
href: "tel:9889720689", ariaLabel: "Call Us"},
]}
/>
</div>
<a href="https://wa.me/919889720689" target="_blank" rel="noreferrer" className="fixed bottom-6 right-6 z-50 flex h-14 w-14 items-center justify-center rounded-full bg-green-500 text-white shadow-lg transition hover:scale-110">
<MessageCircle size={32} />
</a>
</ReactLenis>
</ThemeProvider>
);