Update src/app/page.tsx
This commit is contained in:
218
src/app/page.tsx
218
src/app/page.tsx
@@ -29,66 +29,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Why Us", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chronos Luxury"
|
||||
button={{ text: "Login", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Timeless Elegance, Modern Precision"
|
||||
description="Discover our collection of hand-crafted timepieces designed for the bold and the sophisticated. Elevate your presence with Chronos Luxury."
|
||||
tag="New 2024 Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Our Story", href: "#features" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-photography-of-a-high-end-l-1774785623005-12a2a569.png?_wi=1",
|
||||
imageAlt: "Luxury Timepiece",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/a-lifestyle-shot-of-a-refined-man-wearin-1774785623559-d1164cd6.png?_wi=1",
|
||||
imageAlt: "Lifestyle Watch",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/close-up-studio-shot-of-a-modern-diver-w-1774785621947-d50628c1.png?_wi=1",
|
||||
imageAlt: "Modern diver watch",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/a-classic-leather-strap-watch-on-a-woode-1774785623315-517a254d.png?_wi=1",
|
||||
imageAlt: "Classic leather strap watch",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/minimalist-skeleton-dial-watch-showcasin-1774785621717-4327d9fa.png?_wi=1",
|
||||
imageAlt: "Minimalist skeleton dial watch",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-photography-of-a-high-end-l-1774785623005-12a2a569.png", imageAlt: "Luxury Timepiece" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/a-lifestyle-shot-of-a-refined-man-wearin-1774785623559-d1164cd6.png", imageAlt: "Lifestyle Watch" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,24 +67,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Voyager Chrono",
|
||||
price: "$899",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/close-up-studio-shot-of-a-modern-diver-w-1774785621947-d50628c1.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Classic",
|
||||
price: "$1,250",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/a-classic-leather-strap-watch-on-a-woode-1774785623315-517a254d.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Titanium Skeleton",
|
||||
price: "$2,100",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/minimalist-skeleton-dial-watch-showcasin-1774785621717-4327d9fa.png?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "The Voyager Chrono", price: "$899", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/close-up-studio-shot-of-a-modern-diver-w-1774785621947-d50628c1.png" },
|
||||
{ id: "p2", name: "Midnight Classic", price: "$1,250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/a-classic-leather-strap-watch-on-a-woode-1774785623315-517a254d.png" },
|
||||
{ id: "p3", name: "Titanium Skeleton", price: "$2,100", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/minimalist-skeleton-dial-watch-showcasin-1774785621717-4327d9fa.png" }
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="From daily divers to evening masterpieces, find the watch that defines your journey."
|
||||
@@ -134,72 +82,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Swiss Movements",
|
||||
description: "Every watch is powered by premium Swiss movements for unparalleled accuracy.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/close-up-studio-shot-of-a-modern-diver-w-1774785621947-d50628c1.png?_wi=3",
|
||||
imageAlt: "Swiss Movement",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Certified Quality",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High Performance",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-photography-of-a-high-end-l-1774785623005-12a2a569.png?_wi=2",
|
||||
imageAlt: "Professional photography of a high-end luxury watch on a clean, soft-focus background. Elegant and h",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Durability",
|
||||
description: "Constructed with sapphire crystal and surgical-grade stainless steel.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/a-classic-leather-strap-watch-on-a-woode-1774785623315-517a254d.png?_wi=3",
|
||||
imageAlt: "Durability",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Scratch Resistant",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/a-lifestyle-shot-of-a-refined-man-wearin-1774785623559-d1164cd6.png?_wi=2",
|
||||
imageAlt: "A lifestyle shot of a refined man wearing a classic chronograph watch. Natural lighting, soft bokeh,",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Water Resistance",
|
||||
description: "Built for depths up to 200 meters, ready for any adventure.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/minimalist-skeleton-dial-watch-showcasin-1774785621717-4327d9fa.png?_wi=3",
|
||||
imageAlt: "Water Resistance",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "20 ATM Rating",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Seal Certified",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/close-up-studio-shot-of-a-modern-diver-w-1774785621947-d50628c1.png?_wi=4",
|
||||
imageAlt: "Close-up studio shot of a modern diver watch with metallic finish. High contrast, sharp details, lux",
|
||||
},
|
||||
{ id: "f1", title: "Swiss Movements", description: "Every watch is powered by premium Swiss movements for unparalleled accuracy.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/product-1.png", imageAlt: "Swiss Movement" }, items: [{ icon: Award, text: "Certified Quality" }, { icon: Zap, text: "High Performance" }], reverse: false },
|
||||
{ id: "f2", title: "Durability", description: "Constructed with sapphire crystal and surgical-grade stainless steel.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/product-2.png", imageAlt: "Durability" }, items: [{ icon: Shield, text: "Scratch Resistant" }, { icon: Award, text: "Lifetime Warranty" }], reverse: true },
|
||||
{ id: "f3", title: "Water Resistance", description: "Built for depths up to 200 meters, ready for any adventure.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/product-3.png", imageAlt: "Water Resistance" }, items: [{ icon: Zap, text: "20 ATM Rating" }, { icon: Shield, text: "Seal Certified" }], reverse: false }
|
||||
]}
|
||||
title="Precision Engineering"
|
||||
description="We blend heritage techniques with modern innovation to create watches that last a lifetime."
|
||||
@@ -209,43 +94,11 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jonathan V.",
|
||||
role: "Collector",
|
||||
testimonial: "The precision of my Voyager Chrono is unmatched. Truly a piece of art.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-headshot-of-a-happy-custome-1774785623089-925faae8.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena M.",
|
||||
role: "Executive",
|
||||
testimonial: "Sophisticated design that fits my professional style perfectly. Simply stunning.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-headshot-of-a-female-custom-1774785621743-0698365b.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Richard S.",
|
||||
role: "Architect",
|
||||
testimonial: "I love the skeleton movement detail. Excellent craftsmanship for the price.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-headshot-of-an-older-gentle-1774785621957-c4acf0ff.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophia L.",
|
||||
role: "Designer",
|
||||
testimonial: "Minimalist, durable, and elegant. It's the only watch I need.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-headshot-of-a-stylish-femal-1774785621648-34916cff.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marcus A.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Incredible quality and a brand that truly understands watchmaking history.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/professional-headshot-of-a-happy-custome-1774785623089-925faae8.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Jonathan V.", role: "Collector", testimonial: "The precision of my Voyager Chrono is unmatched. Truly a piece of art.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/testimonial-1.png" },
|
||||
{ id: "t2", name: "Elena M.", role: "Executive", testimonial: "Sophisticated design that fits my professional style perfectly. Simply stunning.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/testimonial-2.png" }
|
||||
]}
|
||||
title="Trusted by Enthusiasts"
|
||||
description="See why our customers trust Chronos Luxury with their time."
|
||||
@@ -258,26 +111,11 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have questions about our collections? Our concierge team is ready to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/sophisticated-modern-boutique-watch-shop-1774785623349-528e0090.png"
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcPpjn9VnDE3zE6w4u1VwdAVb3/contact-bg.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -285,14 +123,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Chronos Luxury"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user