272 lines
16 KiB
TypeScript
272 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import { Facebook, Instagram, MessageCircle, PlayCircle, Sparkles, Star, Twitter } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="compact"
|
||
sizing="largeSizeMediumTitles"
|
||
background="blurBottom"
|
||
cardStyle="inset"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Collections", id: "#collections"},
|
||
{
|
||
name: "Signature", id: "#signature"},
|
||
{
|
||
name: "About Us", id: "#about"},
|
||
{
|
||
name: "Why Aethel", id: "#advantage"},
|
||
{
|
||
name: "Testimonials", id: "#testimonials"},
|
||
{
|
||
name: "Gallery", id: "#gallery"},
|
||
]}
|
||
brandName="AETHEL"
|
||
button={{
|
||
text: "Book Appointment", href: "#contact"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
logoText="AETHEL"
|
||
description="Where Every Gem Tells a Story of Timeless Elegance and Exquisite Craftsmanship."
|
||
buttons={[
|
||
{
|
||
text: "Explore Collections", href: "#collections"},
|
||
{
|
||
text: "Book Appointment", href: "#contact"},
|
||
]}
|
||
buttonAnimation="opacity"
|
||
videoSrc="http://img.b2bpic.net/free-photo/close-up-confetti-sparks-glitter_23-2149224114.jpg"
|
||
imageAlt="Luxury Jewellery Background"
|
||
mediaAnimation="blur-reveal"
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-golden-sparks-glitter_23-2149224068.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="collections" data-section="collections">
|
||
<ProductCardFour
|
||
animationType="blur-reveal"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "gold", name: "Gold Jewellery", price: "From $1,200", variant: "Timeless", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347033.jpg", imageAlt: "Gold Jewellery Collection"},
|
||
{
|
||
id: "diamond", name: "Diamond Jewellery", price: "From $3,500", variant: "Brilliant", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-prism-light-deflection_23-2148599264.jpg", imageAlt: "Diamond Jewellery Collection"},
|
||
{
|
||
id: "bridal", name: "Bridal Collection", price: "From $5,000", variant: "Eternal", imageSrc: "http://img.b2bpic.net/free-photo/man-kissing-his-bride_1153-3021.jpg", imageAlt: "Bridal Jewellery Collection"},
|
||
{
|
||
id: "contemporary", name: "Contemporary Designs", price: "From $900", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/chandelier_74190-3731.jpg", imageAlt: "Contemporary Jewellery Collection"},
|
||
{
|
||
id: "custom", name: "Custom Designs", price: "Consultation", variant: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931446.jpg", imageAlt: "Custom Jewellery Design"},
|
||
{
|
||
id: "watches", name: "Luxury Watches", price: "From $2,500", variant: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg", imageAlt: "Luxury Watches Collection"},
|
||
]}
|
||
title="Exquisite Collections"
|
||
description="Discover Aethel's diverse range of meticulously curated collections, each a testament to unparalleled beauty and design innovation. From classic elegance to modern masterpieces, find the piece that truly speaks to you."
|
||
/>
|
||
</div>
|
||
|
||
<div id="signature" data-section="signature">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
carouselMode="auto"
|
||
products={[
|
||
{
|
||
id: "signature-1", name: "Floral Platinum Ring", price: "$12,000", variant: "Artisan Crafted", imageSrc: "http://img.b2bpic.net/free-photo/background-engagement-elegant-gift-love-accessory_1400-27.jpg", imageAlt: "Floral Platinum Ring"},
|
||
{
|
||
id: "signature-2", name: "Diamond Choker", price: "$28,000", variant: "Statement Piece", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-with-bright-makeup_158538-10334.jpg", imageAlt: "Diamond Choker Necklace"},
|
||
{
|
||
id: "signature-3", name: "Emerald Filigree Bracelet", price: "$9,500", variant: "Vintage Elegance", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chain-leaf_23-2149836413.jpg", imageAlt: "Emerald Filigree Bracelet"},
|
||
{
|
||
id: "signature-4", name: "Sapphire Chandelier Earrings", price: "$15,000", variant: "Dramatic Sparkle", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-with-bright-make-up-golden-jewerly-black-dress-posing_291650-463.jpg", imageAlt: "Sapphire Chandelier Earrings"},
|
||
{
|
||
id: "signature-5", name: "Black Gold Signet Ring", price: "$4,800", variant: "Masculine Bold", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509269.jpg", imageAlt: "Black Gold Signet Ring"},
|
||
{
|
||
id: "signature-6", name: "Hummingbird Brooch", price: "$6,200", variant: "Whimsical Art", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-magellanic-woodpecker-tree-with-blurry-surface_181624-53880.jpg", imageAlt: "Hummingbird Brooch"},
|
||
]}
|
||
title="Signature Pieces Showcase"
|
||
description="Experience the pinnacle of Aethel's artistry with our Signature Pieces – unique creations that push the boundaries of design and craftsmanship. Each piece is a masterpiece, destined to be cherished for generations."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={true}
|
||
title="Our Heritage & Craftsmanship"
|
||
description="At Aethel, we don't just create jewellery; we preserve a legacy. With generations of expertise, our artisans meticulously handcraft each piece, infusing it with unparalleled skill, passion, and a commitment to timeless beauty. Discover the story woven into every gem."
|
||
metrics={[
|
||
{
|
||
value: "120+", title: "Years of Heritage"},
|
||
{
|
||
value: "5000+", title: "Masterpieces Crafted"},
|
||
{
|
||
value: "100%", title: "Artisan Handcrafted"},
|
||
]}
|
||
tag="Our Story"
|
||
tagIcon={Star}
|
||
imageSrc="http://img.b2bpic.net/free-photo/peeling-metallic-jewelry-ring_114579-12302.jpg"
|
||
imageAlt="Jeweler's hands crafting a piece of jewellery"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="advantage" data-section="advantage">
|
||
<MetricCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "cert", value: "100%", title: "Certified Jewellery", items: [
|
||
"Every piece comes with authentic certification."],
|
||
},
|
||
{
|
||
id: "exchange", value: "Lifetime", title: "Exchange & Buyback", items: [
|
||
"Flexible options for your evolving tastes."],
|
||
},
|
||
{
|
||
id: "secure", value: "Secure", title: "Payments & Delivery", items: [
|
||
"Encrypted transactions and insured shipping."],
|
||
},
|
||
{
|
||
id: "craft", value: "Handcrafted", title: "Excellence", items: [
|
||
"Meticulous attention to every intricate detail."],
|
||
},
|
||
{
|
||
id: "service", value: "Trusted", title: "Customer Service", items: [
|
||
"Dedicated support for a seamless experience."],
|
||
},
|
||
]}
|
||
title="The Aethel Advantage"
|
||
description="Choosing Aethel means choosing a partner dedicated to your complete satisfaction. We go beyond exquisite designs, offering a suite of unparalleled services that ensure peace of mind and enduring value for your cherished possessions."
|
||
tag="Why Choose Us"
|
||
tagIcon={Sparkles}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", title: "Beyond Expectations!", quote: "Aethel Jewellery transformed my vision into a breathtaking reality. The craftsmanship and attention to detail are simply unparalleled. My custom engagement ring is a masterpiece that I will treasure forever.", name: "Isabella V.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-elegant-brunette-woman-cream-silk_158595-946.jpg", imageAlt: "Radiant woman wearing a delicate gold pendant."},
|
||
{
|
||
id: "t2", title: "Unrivaled Elegance", quote: "The entire experience, from selection to delivery, was handled with utmost professionalism and care. Aethel's pieces exude an unrivaled elegance that truly stands out. Highly recommend!", name: "Marcus L.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-525.jpg", imageAlt: "Distinguished gentleman wearing a luxury watch."},
|
||
{
|
||
id: "t3", title: "My Dream Wedding Set", quote: "I'm absolutely thrilled with my bridal set from Aethel. It perfectly complemented my wedding gown and received so many compliments. Thank you for making my special day even more radiant!", name: "Sophia G.", role: "Bride", imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166794.jpg", imageAlt: "Joyful bride looking at her diamond engagement ring."},
|
||
{
|
||
id: "t4", title: "A Touch of Daily Luxury", quote: "My stacking rings from Aethel add a sophisticated touch to my everyday style. The quality is exceptional, and they feel incredibly comfortable. It's truly affordable luxury!", name: "Elena R.", role: "Fashion Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347046.jpg", imageAlt: "Stylish woman's hand adorned with delicate stacking rings."},
|
||
{
|
||
id: "t5", title: "Exceptional Service", quote: "From the initial consultation to the final fitting, Aethel's team was incredibly attentive and knowledgeable. They guided me through every step, ensuring I found the perfect gift. Fantastic experience!", name: "James B.", role: "Gifting Client", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2630.jpg", imageAlt: "Confident professional woman wearing a diamond stud earring."},
|
||
]}
|
||
title="Voices of Our Valued Clients"
|
||
description="Our clients' stories are the true jewels of Aethel. Read how we've brought their dreams to life, creating not just jewellery, but cherished memories and lasting impressions."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardFour
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
animationType="blur-reveal"
|
||
products={[
|
||
{
|
||
id: "insta-1", name: "Lifestyle Bracelet", price: "", variant: "Daily Chic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-wearing-gold-bracelet_23-2149836438.jpg", imageAlt: "Luxury bracelet lifestyle flat lay"},
|
||
{
|
||
id: "insta-2", name: "Editorial Earrings", price: "", variant: "High Fashion", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-amazing-brunette-girl-attractive-caucasian-woman-posing-with-plant-hair_197531-14007.jpg", imageAlt: "Model wearing elaborate diamond earrings"},
|
||
{
|
||
id: "insta-3", name: "Vintage Pocket Watch", price: "", variant: "Timeless Charm", imageSrc: "http://img.b2bpic.net/free-photo/collection-pirate-artifacts-bounty_23-2150937913.jpg", imageAlt: "Vintage gold pocket watch on antique book"},
|
||
{
|
||
id: "insta-4", name: "Mystic Ring", price: "", variant: "Intrigue & Sparkle", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-golden-floral-bijouterie_114579-11831.jpg", imageAlt: "Hand with diamond ring emerging from water"},
|
||
{
|
||
id: "insta-5", name: "Raw Gemstone Cluster", price: "", variant: "Natural Beauty", imageSrc: "http://img.b2bpic.net/free-photo/close-up-stunning-crystal-geode-with-vibrant-red-crystals_23-2151994363.jpg", imageAlt: "Raw gemstones on a rock surface"},
|
||
{
|
||
id: "insta-6", name: "Crafting the Future", price: "", variant: "Behind the Scenes", imageSrc: "http://img.b2bpic.net/free-photo/peeling-silver-ring-witn-equipment_114579-12262.jpg", imageAlt: "Jeweler's workbench with tools and half-finished pendant"},
|
||
]}
|
||
title="Aethel on Instagram"
|
||
description="Immerse yourself in the luxurious world of Aethel. Follow us on Instagram for daily doses of inspiration, behind-the-scenes glimpses, and exclusive previews of our latest creations."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Connect With Us"
|
||
title="Schedule Your Personal Consultation"
|
||
description="Experience Aethel's bespoke service firsthand. Book an exclusive appointment with our expert consultants to discuss custom designs, view collections, or receive personalized styling advice. We look forward to welcoming you."
|
||
tagIcon={Sparkles}
|
||
imageSrc="http://img.b2bpic.net/free-photo/map-pin-location-direction-position-graphic_53876-124530.jpg"
|
||
imageAlt="Map showing Aethel Jewellery location"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Your Email Address"
|
||
buttonText="Book Now"
|
||
termsText="By booking, you agree to our privacy policy and terms of service."
|
||
onSubmit={(email) => console.log('Appointment booked with:', email)}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="AETHEL"
|
||
copyrightText="© 2026 Aethel Jewellery. All rights reserved."
|
||
socialLinks={[
|
||
{
|
||
icon: Instagram,
|
||
href: "#", ariaLabel: "Instagram"},
|
||
{
|
||
icon: Facebook,
|
||
href: "#", ariaLabel: "Facebook"},
|
||
{
|
||
icon: Twitter,
|
||
href: "#", ariaLabel: "Twitter"},
|
||
{
|
||
icon: PlayCircle,
|
||
href: "#", ariaLabel: "YouTube"},
|
||
{
|
||
icon: MessageCircle,
|
||
href: "#", ariaLabel: "WhatsApp"},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|