Merge version_3 into main #2
177
src/app/page.tsx
177
src/app/page.tsx
@@ -3,15 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextNumberCount from '@/components/text/TextNumberCount';
|
||||
import { Award, Clock, ShieldCheck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,14 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Heritage", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Heritage", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aeterna Watches"
|
||||
/>
|
||||
@@ -49,23 +46,10 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="AETERNA"
|
||||
description="Timeless precision, masterfully crafted for those who define the moment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection", href: "#products"},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-kissing-her-girlfriend-s-hand_23-2147891263.jpg", imageAlt: "luxury watch close up dark background"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11463.jpg", imageAlt: "luxury wristwatch marble table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1721.jpg", imageAlt: "watch mechanism macro photography"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-sporty-thoughtful-curly-haired-woman-focused-away-dressed-sportswear-listens-music-via-headphones-sits-outdoors-near-bottle-water-fitness-mat-against-city-building_273609-59140.jpg", imageAlt: "luxury watch on wrist car driving"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg", imageAlt: "modern watch photography table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg", imageAlt: "luxury watch presentation box"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-kissing-her-girlfriend-s-hand_23-2147891263.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11463.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -75,11 +59,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Our Heritage"
|
||||
title="A Legacy of Precision"
|
||||
description="For over six decades, Aeterna has pushed the boundaries of horology. Each timepiece is a marriage of ancient craft and future-forward engineering."
|
||||
subdescription="Every gear is manually polished to perfection, ensuring that your watch is not just a tool, but an heirloom."
|
||||
description="For over six decades, Aeterna has pushed the boundaries of horology."
|
||||
subdescription="Every gear is manually polished to perfection, ensuring that your watch is an heirloom."
|
||||
icon={Clock}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mature-clockmaster-is-fixing-old-watch-customer-his-busy-repairing-workshop_613910-20851.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,66 +72,42 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Lifetime Warranty", description: "Our craftsmanship is guaranteed for a lifetime."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Precision Movements", description: "COSC-certified movements in every single piece."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Mastery in Gold", description: "18k solid gold materials ethically sourced."},
|
||||
{ icon: ShieldCheck, title: "Lifetime Warranty", description: "Craftsmanship guaranteed." },
|
||||
{ icon: Zap, title: "Precision Movements", description: "COSC-certified." },
|
||||
{ icon: Award, title: "Mastery in Gold", description: "18k ethically sourced." },
|
||||
]}
|
||||
title="Why Aeterna?"
|
||||
description="Crafting excellence is our religion. Here is how we redefine perfection."
|
||||
description="We redefine perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "View Details", href: "#" },
|
||||
{ text: "Purchase Now", href: "#" }
|
||||
]}
|
||||
buttons={[{ text: "View All Models", href: "#" }]}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Classic Gold", price: "$12,000", variant: "18k Gold", imageSrc: "http://img.b2bpic.net/free-photo/watch-black-box-bow-tie-lie-white-windowsill_8353-687.jpg"},
|
||||
{
|
||||
id: "p2", name: "Steel Diver", price: "$8,500", variant: "Stainless", imageSrc: "http://img.b2bpic.net/free-photo/spiral-staircase-with-light-end_181624-8823.jpg"},
|
||||
{
|
||||
id: "p3", name: "Rose Royal", price: "$15,000", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wall-clock-still-life_23-2150417239.jpg"},
|
||||
{
|
||||
id: "p4", name: "Arctic Master", price: "$9,200", variant: "Titanium", imageSrc: "http://img.b2bpic.net/free-photo/people-travel-recreation-extreme-sports-concept-portrait-mysterious-positive-young-woman-snowboarder-with-protective-goggles-her-head-hiding-black-board-looking_343059-3290.jpg"},
|
||||
{
|
||||
id: "p5", name: "Moon Phase", price: "$18,500", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/moon-seen-phase-with-sepia-style-effect_23-2151793491.jpg"},
|
||||
{
|
||||
id: "p6", name: "Skeleton Core", price: "$22,000", variant: "Exhibition", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-vintage-pocket-watch-black-surface_181624-21863.jpg"},
|
||||
{ id: "p1", name: "Classic Gold", price: "$12,000", imageSrc: "http://img.b2bpic.net/free-photo/watch-black-box-bow-tie-lie-white-windowsill_8353-687.jpg" },
|
||||
{ id: "p2", name: "Steel Diver", price: "$8,500", imageSrc: "http://img.b2bpic.net/free-photo/spiral-staircase-with-light-end_181624-8823.jpg" },
|
||||
{ id: "p3", name: "Rose Royal", price: "$15,000", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-wall-clock-still-life_23-2150417239.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Iconic timepieces for the discerning individual."
|
||||
description="Refine your style with our latest arrivals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "60+", description: "Years of Tradition"},
|
||||
{
|
||||
id: "m2", value: "100%", description: "Hand-Polished Parts"},
|
||||
{
|
||||
id: "m3", value: "500+", description: "Master Watchmakers"},
|
||||
]}
|
||||
<MetricCardFourteen
|
||||
title="Horology by Numbers"
|
||||
description="The scale of our dedication."
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{ id: "m1", value: "60", description: "Years of Tradition" },
|
||||
{ id: "m2", value: "100", description: "% Hand-Polished" },
|
||||
{ id: "m3", value: "500", description: "Master Watchmakers" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -158,90 +117,42 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Arthur J.", role: "CEO", testimonial: "The precision of my Aeterna is unmatched. It's a true masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4491.jpg"},
|
||||
{
|
||||
id: "2", name: "Elena M.", role: "Collector", testimonial: "The finishing on the dial is absolute perfection. I love this piece.", imageSrc: "http://img.b2bpic.net/free-photo/cup-portrait-job-technology-person_1157-4199.jpg"},
|
||||
{
|
||||
id: "3", name: "Robert S.", role: "Investor", testimonial: "Inherited my grandfather's Aeterna, still runs flawlessly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-red-sweater-posing-studio_158538-11520.jpg"},
|
||||
{
|
||||
id: "4", name: "Julian T.", role: "Athlete", testimonial: "Robust enough for my lifestyle, elegant enough for the gala.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg"},
|
||||
{
|
||||
id: "5", name: "Sophia L.", role: "Artist", testimonial: "Wearing art on my wrist. Thank you, Aeterna.", imageSrc: "http://img.b2bpic.net/free-photo/male-light-daily-man-smartwatch_1127-2614.jpg"},
|
||||
{ id: "1", name: "Arthur J.", role: "CEO", testimonial: "Unmatched precision.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4491.jpg" },
|
||||
]}
|
||||
title="Voice of the Collectors"
|
||||
description="What our patrons say about Aeterna."
|
||||
title="Collectors Corner"
|
||||
description="Patron experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Are watches waterproof?", content: "Our diver models are rated up to 300 meters."},
|
||||
{
|
||||
id: "2", title: "How often should I service?", content: "Every 3-5 years for peak performance."},
|
||||
{
|
||||
id: "3", title: "Can I visit the workshop?", content: "Visits to our Swiss ateliers are by appointment."},
|
||||
{ id: "1", title: "Are they waterproof?", content: "Up to 300 meters for divers." },
|
||||
{ id: "2", title: "Service intervals?", content: "3-5 years." },
|
||||
]}
|
||||
sideTitle="Expert Insights"
|
||||
sideDescription="Frequently asked questions from our clients."
|
||||
faqsAnimation="slide-up"
|
||||
title="Expert Insights"
|
||||
description="We are here to answer your questions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Inquire About a Piece"
|
||||
description="Interested in a specific collection or atelier visit? Talk to our concierge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Concierge", href: "#"},
|
||||
]}
|
||||
description="Reach out to our concierge for custom orders and visits."
|
||||
buttons={[{ text: "Contact Concierge", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Collection", items: [
|
||||
{
|
||||
label: "Gold Series", href: "#"},
|
||||
{
|
||||
label: "Steel Diver", href: "#"},
|
||||
{
|
||||
label: "Complications", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Service", href: "#"},
|
||||
{
|
||||
label: "Concierge", href: "#"},
|
||||
{
|
||||
label: "Atelier", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Authenticity", href: "#"},
|
||||
{
|
||||
label: "Imprint", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Collection", items: [{ label: "Gold Series", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Concierge", href: "#" }] },
|
||||
]}
|
||||
logoText="AETERNA"
|
||||
copyrightText="© 2025 Aeterna Watches. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user