Merge version_1 into main #2
209
src/app/page.tsx
209
src/app/page.tsx
@@ -31,23 +31,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "features",
|
||||
},
|
||||
name: "Collection", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Horology"
|
||||
button={{ text: "Connect", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,35 +50,21 @@ export default function LandingPage() {
|
||||
description="Exquisite timepieces, meticulously crafted for the modern individual."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Collection", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg?_wi=1",
|
||||
imageAlt: "Luxury Timepiece",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg", imageAlt: "Luxury Timepiece"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg?_wi=1",
|
||||
imageAlt: "Refined Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg", imageAlt: "Refined Detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893938.jpg?_wi=1",
|
||||
imageAlt: "Classic Craftsmanship",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893938.jpg", imageAlt: "Classic Craftsmanship"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11456.jpg",
|
||||
imageAlt: "Modern Elegance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11456.jpg", imageAlt: "Modern Elegance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-compass_23-2148503402.jpg",
|
||||
imageAlt: "Internal Precision",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-compass_23-2148503402.jpg", imageAlt: "Internal Precision"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg",
|
||||
imageAlt: "Minimalist Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", imageAlt: "Minimalist Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,24 +74,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Heritage of ",
|
||||
},
|
||||
type: "text", content: "A Heritage of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg",
|
||||
alt: "Watchmaker",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg", alt: "Watchmaker"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Precision",
|
||||
},
|
||||
type: "text", content: " Precision"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Our Story", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,23 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sapphire Crystal",
|
||||
description: "Scratch-resistant glass for clarity and durability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/egagement-ring-with-blue-precious-stone-white-pillow_8353-705.jpg",
|
||||
imageAlt: "Sapphire Glass",
|
||||
},
|
||||
title: "Sapphire Crystal", description: "Scratch-resistant glass for clarity and durability.", imageSrc: "http://img.b2bpic.net/free-photo/egagement-ring-with-blue-precious-stone-white-pillow_8353-705.jpg", imageAlt: "Sapphire Glass"},
|
||||
{
|
||||
title: "Water Resistance",
|
||||
description: "Precision seals ensure integrity in every environment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg",
|
||||
imageAlt: "Water Resistance",
|
||||
},
|
||||
title: "Water Resistance", description: "Precision seals ensure integrity in every environment.", imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg", imageAlt: "Water Resistance"},
|
||||
{
|
||||
title: "Artisanal Straps",
|
||||
description: "Hand-stitched leather for ultimate comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-leather-jacket-s-zip_53876-33827.jpg",
|
||||
imageAlt: "Leather Strap",
|
||||
},
|
||||
title: "Artisanal Straps", description: "Hand-stitched leather for ultimate comfort.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-leather-jacket-s-zip_53876-33827.jpg", imageAlt: "Leather Strap"},
|
||||
]}
|
||||
title="Signature Attributes"
|
||||
description="Defined by uncompromising quality and design standards."
|
||||
@@ -156,48 +114,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Assembly",
|
||||
description: "Meticulously assembled by master artisans.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-chinese-couple-chooses-gold-rings-diamond-jewelry-jewelry-store-gifts-holidays-anniversaries_166373-8882.jpg?_wi=1",
|
||||
imageAlt: "Case assembly",
|
||||
},
|
||||
title: "Assembly", description: "Meticulously assembled by master artisans.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-chinese-couple-chooses-gold-rings-diamond-jewelry-jewelry-store-gifts-holidays-anniversaries_166373-8882.jpg", imageAlt: "Case assembly"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item-background_23-2149341300.jpg?_wi=1",
|
||||
imageAlt: "Movement assembly",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg?_wi=2",
|
||||
imageAlt: "luxury gold watch macro photography",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item-background_23-2149341300.jpg", imageAlt: "Movement assembly"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Calibration",
|
||||
description: "Rigorous tests for chronometric precision.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-chinese-couple-chooses-gold-rings-diamond-jewelry-jewelry-store-gifts-holidays-anniversaries_166373-8882.jpg?_wi=2",
|
||||
imageAlt: "Calibration",
|
||||
},
|
||||
title: "Calibration", description: "Rigorous tests for chronometric precision.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-chinese-couple-chooses-gold-rings-diamond-jewelry-jewelry-store-gifts-holidays-anniversaries_166373-8882.jpg", imageAlt: "Calibration"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item-background_23-2149341300.jpg?_wi=2",
|
||||
imageAlt: "Movement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg?_wi=2",
|
||||
imageAlt: "minimalist watch dial close up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item-background_23-2149341300.jpg", imageAlt: "Movement"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Quality Control",
|
||||
description: "Final inspection for flawless aesthetics.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-chinese-couple-chooses-gold-rings-diamond-jewelry-jewelry-store-gifts-holidays-anniversaries_166373-8882.jpg?_wi=3",
|
||||
imageAlt: "QC",
|
||||
},
|
||||
title: "Quality Control", description: "Final inspection for flawless aesthetics.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-chinese-couple-chooses-gold-rings-diamond-jewelry-jewelry-store-gifts-holidays-anniversaries_166373-8882.jpg", imageAlt: "QC"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item-background_23-2149341300.jpg?_wi=3",
|
||||
imageAlt: "Quality",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893938.jpg?_wi=2",
|
||||
imageAlt: "vintage style watch luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-military-protection-item-background_23-2149341300.jpg", imageAlt: "Quality"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -208,31 +142,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardMedia
|
||||
animationType="depth-3d"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "The Classic",
|
||||
description: "Timeless aesthetics.",
|
||||
tag: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg?_wi=3",
|
||||
},
|
||||
id: "1", title: "The Classic", description: "Timeless aesthetics.", tag: "New", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "The Sport",
|
||||
description: "Robust design.",
|
||||
tag: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg?_wi=3",
|
||||
},
|
||||
id: "2", title: "The Sport", description: "Robust design.", tag: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "The Minimalist",
|
||||
description: "Pure form.",
|
||||
tag: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893938.jpg?_wi=3",
|
||||
},
|
||||
id: "3", title: "The Minimalist", description: "Pure form.", tag: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-darkroom_23-2149893938.jpg"},
|
||||
]}
|
||||
title="Exquisite Collections"
|
||||
description="Explore our curated selection of fine watches."
|
||||
@@ -245,55 +164,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arthur J.",
|
||||
date: "Jan 2025",
|
||||
title: "Collector",
|
||||
quote: "The precision is unmatched.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Arthur J.", date: "Jan 2025", title: "Collector", quote: "The precision is unmatched.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
date: "Feb 2025",
|
||||
title: "Stylist",
|
||||
quote: "A timeless piece of art.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah L.", date: "Feb 2025", title: "Stylist", quote: "A timeless piece of art.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark R.",
|
||||
date: "Mar 2025",
|
||||
title: "CEO",
|
||||
quote: "Sublime craftsmanship.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-bearded-adult-man-checks-pulse-using-smartwatch-dressed-casual-black-t-shirt-poses-against-urban-background-measures-heart-rate-workout-monitors-performance-after-exercising_273609-56619.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-adult-man-checks-pulse-using-smartwatch-dressed-casual-black-t-shirt-poses-against-urban-background-measures-heart-rate-workout-monitors-performance-after-exercising_273609-56619.jpg",
|
||||
},
|
||||
id: "3", name: "Mark R.", date: "Mar 2025", title: "CEO", quote: "Sublime craftsmanship.", tag: "Client", avatarSrc: "http://img.b2bpic.net/free-photo/young-bearded-adult-man-checks-pulse-using-smartwatch-dressed-casual-black-t-shirt-poses-against-urban-background-measures-heart-rate-workout-monitors-performance-after-exercising_273609-56619.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-adult-man-checks-pulse-using-smartwatch-dressed-casual-black-t-shirt-poses-against-urban-background-measures-heart-rate-workout-monitors-performance-after-exercising_273609-56619.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
date: "Apr 2025",
|
||||
title: "Advocate",
|
||||
quote: "Pure luxury on my wrist.",
|
||||
tag: "Buyer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-girl-posing-chair-side-view_23-2149451750.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-posing-chair-side-view_23-2149451750.jpg",
|
||||
},
|
||||
id: "4", name: "Elena V.", date: "Apr 2025", title: "Advocate", quote: "Pure luxury on my wrist.", tag: "Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-girl-posing-chair-side-view_23-2149451750.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-posing-chair-side-view_23-2149451750.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julian B.",
|
||||
date: "May 2025",
|
||||
title: "Enthusiast",
|
||||
quote: "A true benchmark in horology.",
|
||||
tag: "Reviewer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Julian B.", date: "May 2025", title: "Enthusiast", quote: "A true benchmark in horology.", tag: "Reviewer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-couple-looking-each-other_23-2147891214.jpg"},
|
||||
]}
|
||||
title="A Word From Collectors"
|
||||
description="Trusted by enthusiasts worldwide."
|
||||
@@ -307,22 +186,14 @@ export default function LandingPage() {
|
||||
description="Have questions about our collection?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us more...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Tell us more...", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-woman-leaving-shop_23-2147688314.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
|
||||
Reference in New Issue
Block a user