Merge version_2 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "For Professionals",
|
||||
id: "professionals",
|
||||
},
|
||||
name: "For Professionals", id: "professionals"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Eclado Cyprus"
|
||||
/>
|
||||
@@ -60,63 +50,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Korean Skincare. Now in Cyprus."
|
||||
description="Trusted by clinics. Loved by skin. Experience clinical results with authentic K-Beauty science."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-headshot-of-a-skincare-expe-1777290662934-77bfa41c.png",
|
||||
alt: "Skincare Expert",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-headshot-of-a-skincare-expe-1777290662934-77bfa41c.png", alt: "Skincare Expert"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/diverse-skin-textures-close-up-high-qual-1777290672351-5d46a0b8.png",
|
||||
alt: "Professional",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/diverse-skin-textures-close-up-high-qual-1777290672351-5d46a0b8.png", alt: "Professional"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/clean-bright-product-studio-setup-high-e-1777290681036-f07b0d9a.png",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/clean-bright-product-studio-setup-high-e-1777290681036-f07b0d9a.png", alt: "Client"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/portrait-of-a-dermatologist-medical-prof-1777290805292-eae493ad.png",
|
||||
alt: "Dermatology Specialist",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/portrait-of-a-dermatologist-medical-prof-1777290805292-eae493ad.png", alt: "Dermatology Specialist"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/portrait-of-a-scientist-in-a-laboratory--1777290814167-d6ac4802.png",
|
||||
alt: "Research Lead",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/portrait-of-a-scientist-in-a-laboratory--1777290814167-d6ac4802.png", alt: "Research Lead"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Products", href: "#products"},
|
||||
{
|
||||
text: "Become a Partner",
|
||||
href: "#professionals",
|
||||
},
|
||||
text: "Become a Partner", href: "#professionals"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Clinical Grade",
|
||||
},
|
||||
type: "text", text: "Clinical Grade"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Korean Science",
|
||||
},
|
||||
type: "text", text: "Korean Science"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dermatologist Approved",
|
||||
},
|
||||
type: "text", text: "Dermatologist Approved"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Formula",
|
||||
},
|
||||
type: "text", text: "Professional Formula"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Excellence",
|
||||
},
|
||||
type: "text", text: "Global Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,14 +91,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Korean Innovation, Delivered.",
|
||||
},
|
||||
type: "text", content: "Korean Innovation, Delivered."},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/minimalist-clinical-aesthetic-soft-light-1777290689161-3aff5e8d.png",
|
||||
alt: "Clinic Efficacy",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/minimalist-clinical-aesthetic-soft-light-1777290689161-3aff5e8d.png", alt: "Clinic Efficacy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,47 +106,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Deep Hydration Serum",
|
||||
price: "€65",
|
||||
variant: "Hydration",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/blue-glass-skincare-serum-bottle-on-a-cl-1777290697997-2f8582ea.png",
|
||||
},
|
||||
id: "p1", name: "Deep Hydration Serum", price: "€65", variant: "Hydration", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/blue-glass-skincare-serum-bottle-on-a-cl-1777290697997-2f8582ea.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Anti-Aging Repair Cream",
|
||||
price: "€85",
|
||||
variant: "Anti-Aging",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/luxury-white-cream-jar-gold-cap-premium--1777290708666-a1e2cc07.png",
|
||||
},
|
||||
id: "p2", name: "Anti-Aging Repair Cream", price: "€85", variant: "Anti-Aging", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/luxury-white-cream-jar-gold-cap-premium--1777290708666-a1e2cc07.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brightening Essence",
|
||||
price: "€70",
|
||||
variant: "Brightening",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/brightening-serum-essence-bottle-clean-m-1777290717524-6b24ea21.png",
|
||||
},
|
||||
id: "p3", name: "Brightening Essence", price: "€70", variant: "Brightening", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/brightening-serum-essence-bottle-clean-m-1777290717524-6b24ea21.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Skin Barrier Relief",
|
||||
price: "€55",
|
||||
variant: "Sensitive",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/skin-barrier-soothing-repair-balm-tube-1777290726523-92995e10.png",
|
||||
},
|
||||
id: "p4", name: "Skin Barrier Relief", price: "€55", variant: "Sensitive", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/skin-barrier-soothing-repair-balm-tube-1777290726523-92995e10.png"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Professional Daily Cleanser",
|
||||
price: "€45",
|
||||
variant: "All Skin Types",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-skin-cleanser-bottle-clean--1777290736123-d69a104d.png",
|
||||
},
|
||||
id: "p5", name: "Professional Daily Cleanser", price: "€45", variant: "All Skin Types", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-skin-cleanser-bottle-clean--1777290736123-d69a104d.png"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Clinical Sun Shield",
|
||||
price: "€50",
|
||||
variant: "UV Protection",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/spf-protection-sunscreen-cream-bottle-1777290744062-587c4742.png",
|
||||
},
|
||||
id: "p6", name: "Clinical Sun Shield", price: "€50", variant: "UV Protection", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/spf-protection-sunscreen-cream-bottle-1777290744062-587c4742.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Buy Now", href: "#contact" }
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Professional-grade formulas curated for your skin transformation."
|
||||
@@ -200,23 +133,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Skin Barrier Repair",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m1", icon: Shield,
|
||||
title: "Skin Barrier Repair", value: "100%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Droplets,
|
||||
title: "Deep Hydration",
|
||||
value: "24h",
|
||||
},
|
||||
id: "m2", icon: Droplets,
|
||||
title: "Deep Hydration", value: "24h"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Professional Grade",
|
||||
value: "Global",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Professional Grade", value: "Global"},
|
||||
]}
|
||||
title="Clinical Results Driven"
|
||||
description="Scientific excellence powering every treatment."
|
||||
@@ -230,26 +154,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wholesale Pricing",
|
||||
description: "High-margin professional products.",
|
||||
tag: "Profit",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/modern-clinic-professional-aesthetic-lux-1777290753120-e5856920.png",
|
||||
},
|
||||
id: "f1", title: "Wholesale Pricing", description: "High-margin professional products.", tag: "Profit", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/modern-clinic-professional-aesthetic-lux-1777290753120-e5856920.png"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Expert Training",
|
||||
description: "Protocols and technical support.",
|
||||
tag: "Growth",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-training-session-for-skinca-1777290763535-fca60dc9.png",
|
||||
},
|
||||
id: "f2", title: "Expert Training", description: "Protocols and technical support.", tag: "Growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-training-session-for-skinca-1777290763535-fca60dc9.png"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Clinic Support",
|
||||
description: "Premium Korean brand authority.",
|
||||
tag: "Support",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-clinic-supplies-high-end-cl-1777290772293-10313514.png",
|
||||
},
|
||||
id: "f3", title: "Clinic Support", description: "Premium Korean brand authority.", tag: "Support", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-clinic-supplies-high-end-cl-1777290772293-10313514.png"},
|
||||
]}
|
||||
title="Partner with Eclado Cyprus"
|
||||
description="Exclusive wholesale benefits for clinics and spas."
|
||||
@@ -264,25 +173,15 @@ export default function LandingPage() {
|
||||
author="Dr. Elena, Dermatologist"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-doctor-portrait-high-end-li-1777290782281-522cfee6.png",
|
||||
alt: "Dr. Elena",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/professional-doctor-portrait-high-end-li-1777290782281-522cfee6.png", alt: "Dr. Elena"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/happy-client-with-glowing-skin-soft-dayl-1777290791189-6301d68f.png",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/happy-client-with-glowing-skin-soft-dayl-1777290791189-6301d68f.png", alt: "Client"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/smiling-professional-skincare-expert-mod-1777290822278-2af288f3.png",
|
||||
alt: "Skincare Expert",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/smiling-professional-skincare-expert-mod-1777290822278-2af288f3.png", alt: "Skincare Expert"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/content-patient-with-healthy-glowing-ski-1777290829830-319efdf3.png",
|
||||
alt: "Patient",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/content-patient-with-healthy-glowing-ski-1777290829830-319efdf3.png", alt: "Patient"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/business-partner-looking-at-skincare-bro-1777290842396-53863729.png",
|
||||
alt: "Partner",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CuAQ1wWJxL8gHWaICqsf42wSbv/business-partner-looking-at-skincare-bro-1777290842396-53863729.png", alt: "Partner"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -295,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Korean Skincare Heritage",
|
||||
content: "Born in Korea, perfected in clinical settings.",
|
||||
},
|
||||
id: "faq1", title: "Korean Skincare Heritage", content: "Born in Korea, perfected in clinical settings."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Available in Cyprus",
|
||||
content: "Now bringing professional solutions to your door.",
|
||||
},
|
||||
id: "faq2", title: "Available in Cyprus", content: "Now bringing professional solutions to your door."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Professional Trust",
|
||||
content: "Used globally in 20+ countries.",
|
||||
},
|
||||
id: "faq3", title: "Professional Trust", content: "Used globally in 20+ countries."},
|
||||
]}
|
||||
title="Why Eclado?"
|
||||
description="The story behind our clinical standard."
|
||||
@@ -320,14 +210,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Elevate Your Skin Routine Today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -336,14 +223,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Get in touch for Cyprus partnerships."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
href: "mailto:hello@eclado.cy",
|
||||
},
|
||||
text: "Send Message", href: "mailto:hello@eclado.cy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -353,29 +237,19 @@ export default function LandingPage() {
|
||||
logoText="Eclado Cyprus"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#story",
|
||||
},
|
||||
label: "About", href: "#story"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#professionals",
|
||||
},
|
||||
label: "Partners", href: "#professionals"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user