Merge version_1 into main #1
190
src/app/page.tsx
190
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Science",
|
||||
id: "science",
|
||||
},
|
||||
name: "Science", id: "science"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Clear Scientific"
|
||||
/>
|
||||
@@ -55,32 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unleash the Power of Pure Scalp Health"
|
||||
description="Experience the fusion of cinematic science and nature. Our revolutionary Clear technology lifts away dandruff while nourishing your hair from root to tip."
|
||||
tag="Advanced Dandruff Science"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-water-can-with-orange-paint-white-art-color-drink-photo_140725-93204.jpg",
|
||||
imageAlt: "shampoo bottle 3d render ice",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-water-can-with-orange-paint-white-art-color-drink-photo_140725-93204.jpg", imageAlt: "shampoo bottle 3d render ice"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-dog-hair-background_23-2148823561.jpg",
|
||||
imageAlt: "shiny hair strand close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-with-colorful-substance-table_23-2149510784.jpg",
|
||||
imageAlt: "Laboratory glassware with colorful substance on table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-potion-glass-bottle_187299-47289.jpg",
|
||||
imageAlt: "Green Potion in a Glass Bottle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-liquid-potions-glass-bottles_187299-46753.jpg",
|
||||
imageAlt: "Green liquid potions in glass bottles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-dog-hair-background_23-2148823561.jpg", imageAlt: "shiny hair strand close up"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,29 +71,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Micro-Targeting",
|
||||
description: "Detects and eliminates dandruff micro-particles on contact.",
|
||||
icon: Zap,
|
||||
title: "Micro-Targeting", description: "Detects and eliminates dandruff micro-particles on contact.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Ice Crystal Fusion",
|
||||
description: "Refreshing cooling sensation that revitalizes your scalp.",
|
||||
icon: Snowflake,
|
||||
title: "Ice Crystal Fusion", description: "Refreshing cooling sensation that revitalizes your scalp.", icon: Snowflake,
|
||||
},
|
||||
{
|
||||
title: "Protective Aura",
|
||||
description: "Creates a breathable barrier that keeps hair shiny and healthy.",
|
||||
icon: Shield,
|
||||
title: "Protective Aura", description: "Creates a breathable barrier that keeps hair shiny and healthy.", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Deep Hydration",
|
||||
description: "Locks in moisture for long-lasting smoothness.",
|
||||
icon: Droplets,
|
||||
title: "Deep Hydration", description: "Locks in moisture for long-lasting smoothness.", icon: Droplets,
|
||||
},
|
||||
{
|
||||
title: "Scalp Renewal",
|
||||
description: "Promotes a healthy environment for natural growth.",
|
||||
icon: RefreshCw,
|
||||
title: "Scalp Renewal", description: "Promotes a healthy environment for natural growth.", icon: RefreshCw,
|
||||
},
|
||||
]}
|
||||
title="Scientific Perfection in Every Drop"
|
||||
@@ -134,41 +99,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Arctic Fresh",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/deodorant-isolated_1203-3275.jpg",
|
||||
},
|
||||
id: "p1", name: "Arctic Fresh", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/deodorant-isolated_1203-3275.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Deep Nourishment",
|
||||
price: "$14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-orange-shampoo-bottles-with-teal-caps_187299-47144.jpg",
|
||||
},
|
||||
id: "p2", name: "Deep Nourishment", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/two-orange-shampoo-bottles-with-teal-caps_187299-47144.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Volume Control",
|
||||
price: "$13.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-spreading-out_23-2151427889.jpg",
|
||||
},
|
||||
id: "p3", name: "Volume Control", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-spreading-out_23-2151427889.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Daily Balance",
|
||||
price: "$11.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg",
|
||||
},
|
||||
id: "p4", name: "Daily Balance", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965840.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Scalp Relief",
|
||||
price: "$15.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roll-yellow-transparent-tape_187299-46615.jpg",
|
||||
},
|
||||
id: "p5", name: "Scalp Relief", price: "$15.99", imageSrc: "http://img.b2bpic.net/free-photo/roll-yellow-transparent-tape_187299-46615.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Men’s Active",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cream-colored-bottle-plastic-shampoo-can-with-black-cap-isolated-purple-background-cosmetics-beauty-hair_140725-18103.jpg",
|
||||
},
|
||||
id: "p6", name: "Men’s Active", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cream-colored-bottle-plastic-shampoo-can-with-black-cap-isolated-purple-background-cosmetics-beauty-hair_140725-18103.jpg"},
|
||||
]}
|
||||
title="Explore Our Collections"
|
||||
description="Tailored solutions for every hair type."
|
||||
@@ -180,14 +121,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Dermatology Review",
|
||||
"Hair Science Group",
|
||||
"Global Beauty Institute",
|
||||
"Scalp Health Journal",
|
||||
"Professional Stylists Co.",
|
||||
"Urban Beauty Collective",
|
||||
"Pure Science Labs",
|
||||
]}
|
||||
"Dermatology Review", "Hair Science Group", "Global Beauty Institute", "Scalp Health Journal", "Professional Stylists Co.", "Urban Beauty Collective", "Pure Science Labs"]}
|
||||
title="Trusted Globally"
|
||||
description="Endorsed by dermatologists and stylists worldwide."
|
||||
/>
|
||||
@@ -200,40 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@alice.hair",
|
||||
testimonial: "Clear changed my hair game. No more flakes, just shine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-top-posing-with-hand_23-2148364941.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", handle: "@alice.hair", testimonial: "Clear changed my hair game. No more flakes, just shine.", imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-top-posing-with-hand_23-2148364941.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark_d",
|
||||
testimonial: "The cooling sensation is addictive. Excellent scalp care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-girl-with-blond-hair_633478-12.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@mark_d", testimonial: "The cooling sensation is addictive. Excellent scalp care.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-girl-with-blond-hair_633478-12.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah P.",
|
||||
handle: "@sp.beauty",
|
||||
testimonial: "My scalp feels rejuvenated and clean every single day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-beautiful-green-eyes_23-2149457567.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah P.", handle: "@sp.beauty", testimonial: "My scalp feels rejuvenated and clean every single day.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-beautiful-green-eyes_23-2149457567.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@dave.l",
|
||||
testimonial: "Finally found a product that actually works as advertised.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-strict-style-blond-girl-with-beautiful-wavy-hair-green-stylish-office-jacket-friendly-smiling-with-restraint-looks-camera-isolate-gray-background_132075-11493.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@dave.l", testimonial: "Finally found a product that actually works as advertised.", imageSrc: "http://img.b2bpic.net/free-photo/office-strict-style-blond-girl-with-beautiful-wavy-hair-green-stylish-office-jacket-friendly-smiling-with-restraint-looks-camera-isolate-gray-background_132075-11493.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
handle: "@elena.r",
|
||||
testimonial: "Unbeatable shine and protection. Truly a professional formula.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teen-playing-with-her-hair_1149-771.jpg",
|
||||
},
|
||||
id: "5", name: "Elena R.", handle: "@elena.r", testimonial: "Unbeatable shine and protection. Truly a professional formula.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-teen-playing-with-her-hair_1149-771.jpg"},
|
||||
]}
|
||||
title="Hear the Transformation"
|
||||
description="Stories from those who regained confidence."
|
||||
@@ -246,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I use it?",
|
||||
content: "Daily usage is recommended for best dandruff control.",
|
||||
},
|
||||
id: "f1", title: "How often should I use it?", content: "Daily usage is recommended for best dandruff control."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it safe for color-treated hair?",
|
||||
content: "Yes, our formula is gentle on color-treated strands.",
|
||||
},
|
||||
id: "f2", title: "Is it safe for color-treated hair?", content: "Yes, our formula is gentle on color-treated strands."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What makes it different?",
|
||||
content: "Our targeted molecule delivery system is unique in the market.",
|
||||
},
|
||||
id: "f3", title: "What makes it different?", content: "Our targeted molecule delivery system is unique in the market."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Clear."
|
||||
@@ -271,8 +171,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for exclusive scalp care tips and offers."
|
||||
@@ -284,42 +183,27 @@ export default function LandingPage() {
|
||||
logoText="Clear Scientific"
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Dandruff Guide",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dandruff Guide", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user