Merge version_1 into main #2
266
src/app/page.tsx
266
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#why",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#why" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Suisse Collection"
|
||||
/>
|
||||
@@ -53,39 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Timeless Luxury. Swiss Excellence."
|
||||
description="Discover the art of precision and the legacy of Swiss horology. Each timepiece is a masterpiece crafted for those who value absolute perfection."
|
||||
tag="Since 1928"
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Discover Collection", href: "#products" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wall-clock-still-life_23-2150533058.jpg?_wi=1",
|
||||
imageAlt: "Luxury watch hero",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995183.jpg?_wi=1",
|
||||
imageAlt: "Silver luxury watch",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg?_wi=1",
|
||||
imageAlt: "Gold watch precision",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-mirror_23-2149871687.jpg?_wi=1",
|
||||
imageAlt: "Classic silver timepiece",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg?_wi=1",
|
||||
imageAlt: "Midnight elite watch",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wall-clock-still-life_23-2150533058.jpg", imageAlt: "Luxury watch hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995183.jpg", imageAlt: "Silver luxury watch" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -101,48 +64,12 @@ export default function LandingPage() {
|
||||
gridVariant="full-width-top-items-bottom-row"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bordeaux Classic",
|
||||
price: "Request Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995183.jpg?_wi=2",
|
||||
imageAlt: "Bordeaux watch",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gold Precision",
|
||||
price: "Request Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg?_wi=2",
|
||||
imageAlt: "Gold watch",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Silver Heritage",
|
||||
price: "Request Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-mirror_23-2149871687.jpg?_wi=2",
|
||||
imageAlt: "Silver watch",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Midnight Elite",
|
||||
price: "Request Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg?_wi=2",
|
||||
imageAlt: "Midnight watch",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Swiss Sovereign",
|
||||
price: "Request Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-young-afro-american-man-dressed-black-t-shirt_171337-9262.jpg?_wi=1",
|
||||
imageAlt: "Sovereign watch",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Monaco Reserve",
|
||||
price: "Request Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-watch-with-bstrap-reflective-surface_181624-58668.jpg?_wi=1",
|
||||
imageAlt: "Monaco watch",
|
||||
},
|
||||
{ id: "1", name: "Bordeaux Classic", price: "Request Price", imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995183.jpg", imageAlt: "Bordeaux watch" },
|
||||
{ id: "2", name: "Gold Precision", price: "Request Price", imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg", imageAlt: "Gold watch" },
|
||||
{ id: "3", name: "Silver Heritage", price: "Request Price", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-mirror_23-2149871687.jpg", imageAlt: "Silver watch" },
|
||||
{ id: "4", name: "Midnight Elite", price: "Request Price", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg", imageAlt: "Midnight watch" },
|
||||
{ id: "5", name: "Swiss Sovereign", price: "Request Price", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-young-afro-american-man-dressed-black-t-shirt_171337-9262.jpg", imageAlt: "Sovereign watch" },
|
||||
{ id: "6", name: "Monaco Reserve", price: "Request Price", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-watch-with-bstrap-reflective-surface_181624-58668.jpg", imageAlt: "Monaco watch" }
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Exquisite timepieces meticulously curated for the discerning enthusiast."
|
||||
@@ -153,19 +80,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Essence of Suisse Kollektion",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg",
|
||||
alt: "Boutique interior",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Built on the foundation of ancestral craftsmanship, our atelier in Switzerland brings together traditional techniques and modern innovation to create pieces that transcend generations.",
|
||||
},
|
||||
{ type: "text", content: "The Essence of Suisse Kollektion" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg", alt: "Boutique interior" },
|
||||
{ type: "text", content: "Built on the foundation of ancestral craftsmanship, our atelier in Switzerland brings together traditional techniques and modern innovation to create pieces that transcend generations." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -174,52 +91,29 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyFive
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Authenticity Guaranteed",
|
||||
description: "Every timepiece undergoes a rigorous certification process to ensure absolute authenticity and integrity.",
|
||||
icon: Shield,
|
||||
title: "Authenticity Guaranteed", description: "Every timepiece undergoes a rigorous certification process to ensure absolute authenticity and integrity.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995183.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wall-clock-still-life_23-2150533058.jpg?_wi=2",
|
||||
imageAlt: "luxury watch dark studio background",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995183.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Premium Concierge",
|
||||
description: "Our dedicated team of watch experts is available around the clock to assist you with every aspect of your purchase.",
|
||||
icon: Award,
|
||||
title: "Premium Concierge", description: "Our dedicated team of watch experts is available around the clock to assist you with every aspect of your purchase.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-mirror_23-2149871687.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995183.jpg?_wi=4",
|
||||
imageAlt: "silver luxury watch white background",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-mirror_23-2149871687.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Secure Global Delivery",
|
||||
description: "We ensure the safest and most reliable shipping options to deliver your treasure to any destination worldwide.",
|
||||
icon: Zap,
|
||||
title: "Secure Global Delivery", description: "We ensure the safest and most reliable shipping options to deliver your treasure to any destination worldwide.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-young-afro-american-man-dressed-black-t-shirt_171337-9262.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-watch-with-bstrap-reflective-surface_181624-58668.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg?_wi=4",
|
||||
imageAlt: "gold luxury watch close up",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-young-afro-american-man-dressed-black-t-shirt_171337-9262.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-watch-with-bstrap-reflective-surface_181624-58668.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Choose Suisse Collection"
|
||||
description="Excellence in service, authenticity in every detail."
|
||||
@@ -232,46 +126,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arthur J.",
|
||||
handle: "@collector_arthur",
|
||||
testimonial: "The attention to detail and customer service is unmatched in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Helena M.",
|
||||
handle: "@helena_watch",
|
||||
testimonial: "I finally found a brand that understands true horological heritage.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-glasses-grey-coat-standing-office-holding-laptop-looking-camera_197531-30493.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Victor S.",
|
||||
handle: "@vic_swiss",
|
||||
testimonial: "Simply the most elegant buying experience I have ever had.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Clara B.",
|
||||
handle: "@clara_lifestyle",
|
||||
testimonial: "My watch is not just an accessory; it's a testament to excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-posing_23-2149409716.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus D.",
|
||||
handle: "@m_luxury",
|
||||
testimonial: "Truly a million-dollar experience from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dressed-black-dress-beige-trench-with-stylish-hairstyle-red-lips-street_291650-275.jpg",
|
||||
},
|
||||
{ id: "1", name: "Arthur J.", handle: "@collector_arthur", testimonial: "The attention to detail and customer service is unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg" },
|
||||
{ id: "2", name: "Helena M.", handle: "@helena_watch", testimonial: "I finally found a brand that understands true horological heritage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-glasses-grey-coat-standing-office-holding-laptop-looking-camera_197531-30493.jpg" },
|
||||
{ id: "3", name: "Victor S.", handle: "@vic_swiss", testimonial: "Simply the most elegant buying experience I have ever had.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg" },
|
||||
{ id: "4", name: "Clara B.", handle: "@clara_lifestyle", testimonial: "My watch is not just an accessory; it's a testament to excellence.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-posing_23-2149409716.jpg" },
|
||||
{ id: "5", name: "Marcus D.", handle: "@m_luxury", testimonial: "Truly a million-dollar experience from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dressed-black-dress-beige-trench-with-stylish-hairstyle-red-lips-street_291650-275.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Elegance"
|
||||
@@ -285,18 +144,8 @@ export default function LandingPage() {
|
||||
title="Join the Elite"
|
||||
description="Subscribe to our exclusive newsletter to receive early access to new releases and private event invitations."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg"
|
||||
@@ -309,42 +158,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
{
|
||||
label: "Bordeaux Series",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Heritage Gold",
|
||||
href: "#",
|
||||
},
|
||||
title: "Collections", items: [
|
||||
{ label: "Bordeaux Series", href: "#" },
|
||||
{ label: "Heritage Gold", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Authenticity",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Authenticity", href: "#" },
|
||||
{ label: "Concierge", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user