Merge version_3 into main #2
162
src/app/page.tsx
162
src/app/page.tsx
@@ -32,16 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "For Professionals", id: "professionals"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "For Professionals", id: "professionals" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Eclado Cyprus"
|
||||
/>
|
||||
@@ -49,39 +44,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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/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/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/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/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-scientist-in-a-laboratory--1777290814167-d6ac4802.png", alt: "Research Lead" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Products", href: "#products"},
|
||||
{
|
||||
text: "Become a Partner", href: "#professionals"},
|
||||
{ text: "Shop Products", href: "#products" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Clinical Grade"},
|
||||
{
|
||||
type: "text", text: "Korean Science"},
|
||||
{
|
||||
type: "text", text: "Dermatologist Approved"},
|
||||
{
|
||||
type: "text", text: "Professional Formula"},
|
||||
{
|
||||
type: "text", text: "Global Excellence"},
|
||||
{ type: "text", text: "Clinical Grade" },
|
||||
{ type: "text", text: "Korean Science" },
|
||||
{ type: "text", text: "Dermatologist Approved" },
|
||||
{ type: "text", text: "Professional Formula" },
|
||||
{ type: "text", text: "Global Excellence" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,10 +71,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
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: "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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,22 +84,14 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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" }
|
||||
{ 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: "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: "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" },
|
||||
]}
|
||||
buttons={[{ text: "Buy Now", href: "#contact" }, { text: "Buy Now", href: "#contact" }, { text: "Buy Now", href: "#contact" }, { text: "Buy Now", href: "#contact" }, { text: "Buy Now", href: "#contact" }, { text: "Buy Now", href: "#contact" }]}
|
||||
title="Featured Collections"
|
||||
description="Professional-grade formulas curated for your skin transformation."
|
||||
/>
|
||||
@@ -132,15 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Shield,
|
||||
title: "Skin Barrier Repair", value: "100%"},
|
||||
{
|
||||
id: "m2", icon: Droplets,
|
||||
title: "Deep Hydration", value: "24h"},
|
||||
{
|
||||
id: "m3", icon: Award,
|
||||
title: "Professional Grade", value: "Global"},
|
||||
{ id: "m1", icon: Shield, title: "Skin Barrier Repair", value: "100%" },
|
||||
{ id: "m2", icon: Droplets, title: "Deep Hydration", value: "24h" },
|
||||
{ id: "m3", icon: Award, title: "Professional Grade", value: "Global" },
|
||||
]}
|
||||
title="Clinical Results Driven"
|
||||
description="Scientific excellence powering every treatment."
|
||||
@@ -153,12 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
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: "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: "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: "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."
|
||||
@@ -172,16 +134,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
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/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/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/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/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/business-partner-looking-at-skincare-bro-1777290842396-53863729.png", alt: "Partner" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -193,12 +150,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "faq3", title: "Professional Trust", content: "Used globally in 20+ countries."},
|
||||
{ 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: "faq3", title: "Professional Trust", content: "Used globally in 20+ countries." },
|
||||
]}
|
||||
title="Why Eclado?"
|
||||
description="The story behind our clinical standard."
|
||||
@@ -209,26 +163,18 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Elevate Your Skin Routine Today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Get in touch for Cyprus partnerships."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message", href: "mailto:hello@eclado.cy"},
|
||||
]}
|
||||
buttons={[{ text: "Send Message", href: "mailto:hello@eclado.cy" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -236,26 +182,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Eclado Cyprus"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About", href: "#story"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Partners", href: "#professionals"},
|
||||
],
|
||||
},
|
||||
{ title: "Explore", items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#story" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Partners", href: "#professionals" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user