Merge version_2 into main #1
168
src/app/page.tsx
168
src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
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 NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
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() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Aura Bangles"
|
||||
/>
|
||||
@@ -53,15 +45,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Aura"
|
||||
description="Exquisite handcrafted bangles that blend traditional artistry with contemporary grace."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
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={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years Experience", value: "20+"},
|
||||
{
|
||||
icon: Diamond,
|
||||
label: "Artisans",
|
||||
value: "15",
|
||||
},
|
||||
label: "Artisans", value: "15"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Unique Designs",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Unique Designs", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -103,41 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Gold Classic",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thread-reel_23-2148145978.jpg",
|
||||
},
|
||||
id: "p1", name: "Gold Classic", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thread-reel_23-2148145978.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silver Essence",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-silver-earrings-arrangement_23-2149846557.jpg",
|
||||
},
|
||||
id: "p2", name: "Silver Essence", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-silver-earrings-arrangement_23-2149846557.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rose Bloom",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-jewelry-display-with-white-flowers_23-2151984706.jpg",
|
||||
},
|
||||
id: "p3", name: "Rose Bloom", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/elegant-jewelry-display-with-white-flowers_23-2151984706.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Gold",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-chains-arrangement-high-angle_23-2149836477.jpg",
|
||||
},
|
||||
id: "p6", name: "Minimalist Gold", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/golden-chains-arrangement-high-angle_23-2149836477.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Discover our curated range of artisan-made bangles."
|
||||
@@ -152,45 +111,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "Boutique Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", 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",
|
||||
name: "Michael R.",
|
||||
role: "Gifter",
|
||||
company: "Design Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-shop_1303-30688.jpg",
|
||||
},
|
||||
id: "2", name: "Michael R.", role: "Gifter", company: "Design Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-shop_1303-30688.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily C.",
|
||||
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: "3", name: "Emily C.", 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",
|
||||
name: "David W.",
|
||||
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: "4", name: "David W.", 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",
|
||||
name: "Anna P.",
|
||||
role: "Fan",
|
||||
company: "Jewelers Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg",
|
||||
},
|
||||
id: "5", name: "Anna P.", 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"
|
||||
description="Trusted by jewelry lovers across the globe."
|
||||
@@ -199,49 +133,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have a custom jewelry request? Reach out to our design team for personalized consultations."
|
||||
useInvertedBackground={true}
|
||||
title="Contact Our Studio"
|
||||
description="For inquiries about custom orders or wholesale partnerships, our team is ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your bespoke bangle vision...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
|
||||
buttonText="Send Request"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hands-craftswoman-using-tools_107420-65250.jpg"
|
||||
imageAlt="Artisan workshop"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterCard
|
||||
logoText="Aura Bangles"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#",
|
||||
}}
|
||||
copyrightText="© 2025 | Aura Bangles Ltd. All Rights Reserved."
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "mailto:info@aurabangles.com", ariaLabel: "Email Us" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Visit Studio" },
|
||||
{ icon: Phone, href: "tel:+15550123456", ariaLabel: "Call Us" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user