1 Commits

Author SHA1 Message Date
c6f3f2f246 Update src/app/page.tsx 2026-04-03 17:10:16 +00:00

View File

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric'; import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit'; import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Diamond, Sparkles } from "lucide-react"; import { Award, Diamond, Sparkles, Mail, MapPin, Phone } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Collection", name: "Collection", id: "products"},
id: "products",
},
{ {
name: "Testimonials", name: "Testimonials", id: "testimonials"},
id: "testimonials",
},
]} ]}
brandName="Aura Bangles" brandName="Aura Bangles"
/> />
@@ -53,15 +45,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboardSplit <HeroLogoBillboardSplit
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
logoText="Aura" logoText="Aura"
description="Exquisite handcrafted bangles that blend traditional artistry with contemporary grace." description="Exquisite handcrafted bangles that blend traditional artistry with contemporary grace."
buttons={[ buttons={[
{ {
text: "Explore Collection", text: "Explore Collection", href: "#products"},
href: "#products",
},
]} ]}
layoutOrder="default" layoutOrder="default"
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-posing-with-old-phone_23-2150908618.jpg" imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-posing-with-old-phone_23-2150908618.jpg"
@@ -77,19 +66,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Award, icon: Award,
label: "Years Experience", label: "Years Experience", value: "20+"},
value: "20+",
},
{ {
icon: Diamond, icon: Diamond,
label: "Artisans", label: "Artisans", value: "15"},
value: "15",
},
{ {
icon: Sparkles, icon: Sparkles,
label: "Unique Designs", label: "Unique Designs", value: "500+"},
value: "500+",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -103,41 +86,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Gold Classic", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thread-reel_23-2148145978.jpg"},
name: "Gold Classic",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thread-reel_23-2148145978.jpg",
},
{ {
id: "p2", id: "p2", name: "Silver Essence", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-silver-earrings-arrangement_23-2149846557.jpg"},
name: "Silver Essence",
price: "$95",
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-silver-earrings-arrangement_23-2149846557.jpg",
},
{ {
id: "p3", id: "p3", name: "Rose Bloom", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/elegant-jewelry-display-with-white-flowers_23-2151984706.jpg"},
name: "Rose Bloom",
price: "$150",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-jewelry-display-with-white-flowers_23-2151984706.jpg",
},
{ {
id: "p4", id: "p4", name: "Pearl Radiance", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/lady-with-pearl-hairpins-strokes-her-neck-with-pleasure-woman-white-blouse-posing-with-closed-eyes_197531-14813.jpg"},
name: "Pearl Radiance",
price: "$180",
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-pearl-hairpins-strokes-her-neck-with-pleasure-woman-white-blouse-posing-with-closed-eyes_197531-14813.jpg",
},
{ {
id: "p5", id: "p5", name: "Artisan Gold", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/closeup-person-putting-purple-bracelet-around-hand-woman-lights_181624-18156.jpg"},
name: "Artisan Gold",
price: "$210",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-person-putting-purple-bracelet-around-hand-woman-lights_181624-18156.jpg",
},
{ {
id: "p6", id: "p6", name: "Minimalist Gold", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/golden-chains-arrangement-high-angle_23-2149836477.jpg"},
name: "Minimalist Gold",
price: "$85",
imageSrc: "http://img.b2bpic.net/free-photo/golden-chains-arrangement-high-angle_23-2149836477.jpg",
},
]} ]}
title="Signature Collection" title="Signature Collection"
description="Discover our curated range of artisan-made bangles." description="Discover our curated range of artisan-made bangles."
@@ -152,45 +111,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah J.", role: "Collector", company: "Boutique Group", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg"},
role: "Collector",
company: "Boutique Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg",
},
{ {
id: "2", id: "2", name: "Michael R.", role: "Gifter", company: "Design Lab", rating: 5,
name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-shop_1303-30688.jpg"},
role: "Gifter",
company: "Design Lab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-shop_1303-30688.jpg",
},
{ {
id: "3", id: "3", name: "Emily C.", role: "Stylist", company: "Fashion Co", rating: 5,
name: "Emily C.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-young-female-with-bushy-hairstyle-dressed-casually-holds-sunglasses-spends-leisure-time-coffee-shop-has-informal-meeting_273609-3180.jpg"},
role: "Stylist",
company: "Fashion Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adorable-young-female-with-bushy-hairstyle-dressed-casually-holds-sunglasses-spends-leisure-time-coffee-shop-has-informal-meeting_273609-3180.jpg",
},
{ {
id: "4", id: "4", name: "David W.", role: "Client", company: "Luxury Living", rating: 5,
name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-sexy-woman-dressed-elegant-tuxedo-suit-walking-city-summer-spring-day_285396-8003.jpg"},
role: "Client",
company: "Luxury Living",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-sexy-woman-dressed-elegant-tuxedo-suit-walking-city-summer-spring-day_285396-8003.jpg",
},
{ {
id: "5", id: "5", name: "Anna P.", role: "Fan", company: "Jewelers Hub", rating: 5,
name: "Anna P.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg"},
role: "Fan",
company: "Jewelers Hub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
},
]} ]}
title="Stories of Elegance" title="Stories of Elegance"
description="Trusted by jewelry lovers across the globe." description="Trusted by jewelry lovers across the globe."
@@ -199,49 +133,33 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={true}
title="Get In Touch" title="Contact Our Studio"
description="Have a custom jewelry request? Reach out to our design team for personalized consultations." description="For inquiries about custom orders or wholesale partnerships, our team is ready to assist."
inputs={[ inputs={[
{ { name: "name", type: "text", placeholder: "Full Name", required: true },
name: "name", { name: "email", type: "email", placeholder: "Email Address", required: true },
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]} ]}
textarea={{ textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
name: "message", buttonText="Send Request"
placeholder: "Tell us about your bespoke bangle vision...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/hands-craftswoman-using-tools_107420-65250.jpg" imageSrc="http://img.b2bpic.net/free-photo/hands-craftswoman-using-tools_107420-65250.jpg"
imageAlt="Artisan workshop" imageAlt="Artisan workshop"
mediaAnimation="slide-up" mediaAnimation="blur-reveal"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterCard
logoText="Aura Bangles" logoText="Aura Bangles"
leftLink={{ copyrightText="© 2025 | Aura Bangles Ltd. All Rights Reserved."
text: "Privacy Policy", socialLinks={[
href: "#", { icon: Mail, href: "mailto:info@aurabangles.com", ariaLabel: "Email Us" },
}} { icon: MapPin, href: "#", ariaLabel: "Visit Studio" },
rightLink={{ { icon: Phone, href: "tel:+15550123456", ariaLabel: "Call Us" }
text: "Contact", ]}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }