357 lines
15 KiB
TypeScript
357 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ProductCardOne as ProductCardOneGallery from "@/components/sections/product/ProductCardOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Sparkles, CheckCircle, Award, Zap, Star, HelpCircle } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Shop", id: "shop" },
|
|
{ name: "Sell Your Watch", id: "sell" },
|
|
{ name: "Collections", id: "collections" },
|
|
{ name: "About", id: "about" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Explore",
|
|
items: [
|
|
{ label: "Shop Watches", href: "/shop" },
|
|
{ label: "Sell Your Watch", href: "/sell" },
|
|
{ label: "3D Gallery", href: "#gallery" },
|
|
{ label: "Collections", href: "/shop" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Story", href: "/about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Contact Us", href: "#" },
|
|
{ label: "Valuation Guide", href: "#" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Return Policy", href: "#" },
|
|
{ label: "Authentication", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Headless Angel"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Browse Now",
|
|
href: "/shop",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Discover Luxury Timepieces That Tell Your Story"
|
|
description="Welcome to Headless Angel, where timeless elegance meets modern marketplace innovation. Browse curated luxury watches, sell your treasures, or invest in iconic timepieces. Every second, a legacy of craftsmanship."
|
|
tag="Premium Marketplace"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Explore Collection", href: "/shop" },
|
|
{ text: "Sell Your Watch", href: "/sell" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-watch-against-black-background_23-2147937487.jpg",
|
|
imageAlt: "Luxury Watch 1",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg",
|
|
imageAlt: "Luxury Watch 2",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg",
|
|
imageAlt: "Luxury Watch 3",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg",
|
|
imageAlt: "Luxury Watch 4",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20936.jpg",
|
|
imageAlt: "Luxury Watch 5",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20480.jpg",
|
|
imageAlt: "Luxury Watch 6",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
title="Why Choose Headless Angel"
|
|
description="Experience the pinnacle of luxury watch trading with our expertly curated platform designed for collectors and enthusiasts."
|
|
tag="Platform Features"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Authenticity",
|
|
title: "100% Certified Authentic",
|
|
subtitle: "Every timepiece verified",
|
|
description: "All watches undergo rigorous authentication and certification by our expert horologists. Your investment is guaranteed genuine.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/passports-with-watch-beton-background_23-2148328912.jpg",
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Marketplace",
|
|
title: "Seamless Buy & Sell",
|
|
subtitle: "Two-way marketplace",
|
|
description: "List your luxury watches for sale or browse curated collections from verified sellers. Secure transactions with escrow protection.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg",
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Support",
|
|
title: "Expert Support 24/7",
|
|
subtitle: "Personal assistance",
|
|
description: "Our luxury watch specialists are available to help with valuations, appraisals, and personalized recommendations tailored to your collection.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cup-portrait-job-technology-person_1157-4199.jpg",
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Delivery",
|
|
title: "Secure White-Glove Shipping",
|
|
subtitle: "Protected delivery",
|
|
description: "Every timepiece is insured and delivered with white-glove service, arriving in pristine condition with full documentation.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/loving-man-doing-present-girl_23-2147736661.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Watch Collections"
|
|
description="Handpicked selections showcasing the finest luxury timepieces available on our platform."
|
|
tag="Curated Selection"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
products={[
|
|
{
|
|
id: "watch-sports-1",
|
|
name: "Sports Chronograph Pro",
|
|
price: "$8,500",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg",
|
|
},
|
|
{
|
|
id: "watch-dress-1",
|
|
name: "Elegant Dress Watch",
|
|
price: "$6,200",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg",
|
|
},
|
|
{
|
|
id: "watch-vintage-1",
|
|
name: "Vintage Heritage Timepiece",
|
|
price: "$5,800",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="Crafted Excellence, Trusted Community"
|
|
description="Headless Angel was founded on the belief that luxury watches represent more than timekeeping—they embody heritage, artistry, and investment value. We've built a trusted marketplace where passion for horology meets transparent commerce."
|
|
tag="Our Story"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ value: "15K+", title: "Watches Traded" },
|
|
{ value: "8K+", title: "Active Collectors" },
|
|
{ value: "$240M+", title: "Trading Volume" },
|
|
{ value: "99.8%", title: "Satisfaction Rate" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="What Our Collectors Say"
|
|
cardTag="Trusted by Watch Enthusiasts"
|
|
cardTagIcon={Star}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1-data",
|
|
name: "James Mitchell",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg",
|
|
},
|
|
{
|
|
id: "testimonial-2-data",
|
|
name: "Victoria Chen",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279674.jpg",
|
|
},
|
|
{
|
|
id: "testimonial-3-data",
|
|
name: "David Kovalski",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-checking-time-his-watch_329181-19661.jpg",
|
|
},
|
|
{
|
|
id: "testimonial-4-data",
|
|
name: "Emma Rodriguez",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-looking-watch_23-2147762392.jpg",
|
|
},
|
|
{
|
|
id: "testimonial-5-data",
|
|
name: "Marcus Thompson",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg",
|
|
},
|
|
{
|
|
id: "testimonial-6-data",
|
|
name: "Sophie Laurent",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279674.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardOneGallery
|
|
title="3D Watch Design Gallery"
|
|
description="Immerse yourself in our interactive 3D collection showcasing the intricate details, mechanisms, and craftsmanship of luxury timepieces."
|
|
tag="Interactive Experience"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
products={[
|
|
{
|
|
id: "3d-mechanical",
|
|
name: "Mechanical Movement 3D",
|
|
price: "Explore",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg",
|
|
},
|
|
{
|
|
id: "3d-crystal",
|
|
name: "Crystal Dial Details",
|
|
price: "Explore",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-handsome-model-man-casual-cloth-sunglasses-street_158538-9738.jpg",
|
|
},
|
|
{
|
|
id: "3d-strap",
|
|
name: "Leather Strap Craftsmanship",
|
|
price: "Explore",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technology-texture-background_23-2148105467.jpg",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about buying, selling, and investing in luxury watches on Headless Angel."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "faq-1",
|
|
title: "How do I know a watch is authentic?",
|
|
content: "Every watch on Headless Angel undergoes rigorous authentication by certified horologists. We verify serial numbers, examine construction quality, and provide full certification documentation with your purchase.",
|
|
},
|
|
{
|
|
id: "faq-2",
|
|
title: "Can I sell my personal watch collection?",
|
|
content: "Absolutely! List your watches through our seller portal. We handle valuation, listing creation, and buyer verification. Our secure escrow system protects both buyer and seller until delivery is confirmed.",
|
|
},
|
|
{
|
|
id: "faq-3",
|
|
title: "What shipping options are available?",
|
|
content: "All timepieces ship via insured white-glove delivery with full tracking. International shipping is available with customs documentation handled by our team.",
|
|
},
|
|
{
|
|
id: "faq-4",
|
|
title: "Is there a return policy?",
|
|
content: "Yes. If your watch doesn't meet expectations upon delivery, you have 14 days to return it for a full refund (minus shipping). All returns must include original packaging and documentation.",
|
|
},
|
|
{
|
|
id: "faq-5",
|
|
title: "How do you appraise watches for selling?",
|
|
content: "Our experts evaluate condition, rarity, market demand, and authenticity. We provide transparent valuations based on recent comparable sales and current market trends.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Headless Angel"
|
|
copyrightText="© 2025 Headless Angel Luxury Timepieces | Premium Watch Marketplace"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |