bender/4ef30c5b-c2ce-4dca-990e-37bd20986e71
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 14:44:19 +00:00
parent fd416ba96e
commit dd455ad74c
1 changed files with 59 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/app/page.tsx
View File

@@ -30,17 +30,11 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Shop",
id: "#shop",
},
name: "Shop", id: "#shop"},
{
name: "Philosophy",
id: "#philosophy",
},
name: "Philosophy", id: "#philosophy"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Correia Watch’s"
/>
@@ -49,104 +43,61 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Time doesn’t define you. Presence does."
description="Minimal. Powerful. Timeless. From."
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158898588-4n7o31rz.jpg",
imageAlt: "luxury watch lifestyle night city",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158898588-4n7o31rz.jpg", imageAlt: "luxury watch lifestyle night city"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158650425-59nk66gc.jpg",
imageAlt: "man wearing watch coffee shop",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158650425-59nk66gc.jpg", imageAlt: "man wearing watch coffee shop"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158613759-1b9wqh6p.jpg",
imageAlt: "urban male watch night street",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158613759-1b9wqh6p.jpg", imageAlt: "urban male watch night street"},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg",
imageAlt: "man professional lifestyle watch",
},
imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg", imageAlt: "man professional lifestyle watch"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",
imageAlt: "luxury men watch studio shot",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg", imageAlt: "luxury men watch studio shot"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-pocket-with-modern-elegant-wristwatch_1262-16910.jpg",
imageAlt: "luxury men watch studio shot",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-pocket-with-modern-elegant-wristwatch_1262-16910.jpg", imageAlt: "luxury men watch studio shot"},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg",
imageAlt: "masculine luxury watch metallic",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg", imageAlt: "masculine luxury watch metallic"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158554915-c4gk570b.jpg",
imageAlt: "watch dial macro photography",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158554915-c4gk570b.jpg", imageAlt: "watch dial macro photography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg",
imageAlt: "man wearing watch coffee shop",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg", imageAlt: "man wearing watch coffee shop"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158994484-qd83fc2q.jpg",
imageAlt: "urban male watch night street",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778158994484-qd83fc2q.jpg", imageAlt: "urban male watch night street"},
]}
buttons={[
{
text: "Shop Now",
href: "#shop",
},
text: "Shop Now", href: "https://www.instagram.com/correiawatchs_oficial/"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-good-looking-african-american-man-outdoors-man-suit-with-beard-sitting-terrace-rooftops-portrait-city-life-concept_74855-25582.jpg",
alt: "Portrait of good-looking African American man outdoors",
},
src: "http://img.b2bpic.net/free-photo/portrait-good-looking-african-american-man-outdoors-man-suit-with-beard-sitting-terrace-rooftops-portrait-city-life-concept_74855-25582.jpg", alt: "Portrait of good-looking African American man outdoors"},
{
src: "http://img.b2bpic.net/free-photo/portrait-sexy-smiling-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10421.jpg",
alt: "Portrait of sexy smiling handsome fashion businessman",
},
src: "http://img.b2bpic.net/free-photo/portrait-sexy-smiling-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10421.jpg", alt: "Portrait of sexy smiling handsome fashion businessman"},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg",
alt: "Portrait of a confident man in elegant suit",
},
src: "http://img.b2bpic.net/free-photo/portrait-confident-man-elegant-suit-glasses-correct-his-jacket-while-standing-against-skyscraper-background_613910-4110.jpg", alt: "Portrait of a confident man in elegant suit"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg",
alt: "portrait of handsome fashion stylish hipster",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg", alt: "portrait of handsome fashion stylish hipster"},
{
src: "http://img.b2bpic.net/free-photo/good-humoured-well-dressed-man-sitting-steps-portrait-handsome-african-guy-posing-with-pensive-smile_197531-22076.jpg",
alt: "Good-humoured well-dressed man sitting on steps",
},
src: "http://img.b2bpic.net/free-photo/good-humoured-well-dressed-man-sitting-steps-portrait-handsome-african-guy-posing-with-pensive-smile_197531-22076.jpg", alt: "Good-humoured well-dressed man sitting on steps"},
]}
avatarText="Join 5,000+ others who own their time."
marqueeItems={[
{
type: "text",
text: "PRECISION",
},
type: "text", text: "PRECISION"},
{
type: "text",
text: "ELEGANCE",
},
type: "text", text: "ELEGANCE"},
{
type: "text",
text: "DURABILITY",
},
type: "text", text: "DURABILITY"},
{
type: "text",
text: "MINIMALISM",
},
type: "text", text: "MINIMALISM"},
{
type: "text",
text: "AUTHENTICITY",
},
type: "text", text: "AUTHENTICITY"},
]}
/>
</div>
@@ -166,47 +117,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "ares",
name: "ARES",
price: "$149",
variant: "Original $200",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778159657956-8kkl5lln.png",
},
id: "ares", name: "ARES", price: "$149", variant: "Original $200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778159657956-8kkl5lln.png"},
{
id: "zeus",
name: "ZEUS",
price: "$149",
variant: "Original $200",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778159787176-0h1b77v5.jpg",
},
id: "zeus", name: "ZEUS", price: "$149", variant: "Original $200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778159787176-0h1b77v5.jpg"},
{
id: "vertex",
name: "VERTEX",
price: "$149",
variant: "Original $200",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778160246144-24tm0ngh.png",
},
id: "vertex", name: "VERTEX", price: "$149", variant: "Original $200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuOmhJUTBGj6U34evwQjATp2rV/uploaded-1778160246144-24tm0ngh.png"},
{
id: "ares-2",
name: "New Collection Coming Soon",
price: "$149",
variant: "Original $200",
imageSrc: "http://img.b2bpic.net/free-photo/man-fastens-cufflink-his-business-suit_8353-11456.jpg",
},
id: "ares-2", name: "New Collection Coming Soon", price: "$149", variant: "Original $200", imageSrc: "http://img.b2bpic.net/free-photo/man-fastens-cufflink-his-business-suit_8353-11456.jpg"},
{
id: "zeus-2",
name: "New Collection Coming Soon",
price: "$149",
variant: "Original $200",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347099.jpg",
},
id: "zeus-2", name: "New Collection Coming Soon", price: "$149", variant: "Original $200", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347099.jpg"},
{
id: "vertex-2",
name: "New Collection Coming Soon",
price: "$149",
variant: "Original $200",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11508.jpg",
},
id: "vertex-2", name: "New Collection Coming Soon", price: "$149", variant: "Original $200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11508.jpg"},
]}
title="The Collections"
description="Exclusivity defined in metal."
@@ -220,29 +141,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Premium Finish",
tags: [
"Craftsmanship",
],
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12750.jpg",
},
id: "f1", title: "Premium Finish", tags: [
"Craftsmanship"],
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12750.jpg"},
{
id: "f2",
title: "Timeless Design",
tags: [
"Aesthetic",
],
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-confident-handsome-man_171337-16770.jpg",
},
id: "f2", title: "Timeless Design", tags: [
"Aesthetic"],
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-confident-handsome-man_171337-16770.jpg"},
{
id: "f3",
title: "Everyday Durable",
tags: [
"Utility",
],
imageSrc: "http://img.b2bpic.net/free-photo/brutal-angry-man-white-shirt-is-wearing-protection-his-fist-before-fight-dark-studio_613910-3040.jpg",
},
id: "f3", title: "Everyday Durable", tags: [
"Utility"],
imageSrc: "http://img.b2bpic.net/free-photo/brutal-angry-man-white-shirt-is-wearing-protection-his-fist-before-fight-dark-studio_613910-3040.jpg"},
]}
title="The Everyday Presence"
description="Crafted for those who define the standards."
@@ -256,45 +165,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mark R.",
handle: "@mark_r",
testimonial: "The design is unparalleled. Truly defines my daily presence.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-with-backpack-going-downstairs-while-walking-city_637285-5824.jpg",
},
id: "1", name: "Mark R.", handle: "@mark_r", testimonial: "The design is unparalleled. Truly defines my daily presence.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-with-backpack-going-downstairs-while-walking-city_637285-5824.jpg"},
{
id: "2",
name: "James L.",
handle: "@jamesl",
testimonial: "The perfect balance of minimalist style and bold masculine identity.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-showing-peace-sign_23-2148283858.jpg",
},
id: "2", name: "James L.", handle: "@jamesl", testimonial: "The perfect balance of minimalist style and bold masculine identity.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-showing-peace-sign_23-2148283858.jpg"},
{
id: "3",
name: "David W.",
handle: "@davew",
testimonial: "Unmatched value for such a premium feel.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg",
},
id: "3", name: "David W.", handle: "@davew", testimonial: "Unmatched value for such a premium feel.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg"},
{
id: "4",
name: "Chris B.",
handle: "@cb",
testimonial: "It doesn't just tell time; it tells the world who you are.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21734.jpg",
},
id: "4", name: "Chris B.", handle: "@cb", testimonial: "It doesn't just tell time; it tells the world who you are.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21734.jpg"},
{
id: "5",
name: "Sam T.",
handle: "@st",
testimonial: "Refined. Elegant. Everyday essential.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
},
id: "5", name: "Sam T.", handle: "@st", testimonial: "Refined. Elegant. Everyday essential.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg"},
]}
showRating={true}
title="Define Your Time"
@@ -306,16 +190,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Limited Offer"
title="Define your time."
description="From $200 to $149 — for a limited time."
buttons={[
{
text: "Get Yours Now",
href: "#shop",
},
text: "Get Yours Now", href: "#shop"},
]}
/>
</div>
@@ -325,33 +206,21 @@ export default function LandingPage() {
logoText="Correia Watch’s"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
],
},
]}