Free Shipping On Orders Over $49.00 ...... Free Sculpting Brush w/purchase

CRO

import { Card, CardContent } from "@/components/ui/card";

import { Button } from "@/components/ui/button";

import { motion } from "framer-motion";

export default function LandingPage() {

return (

<div className="p-6 grid gap-8 max-w-4xl mx-auto">

{/* Hero Section */}

<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} className="text-center">

<h1 className="text-3xl font-bold">Healthy Hair Starts at the Scalp 💚</h1>

<p className="mt-2 text-lg">Simple routines. Real results.</p>

<Button className="mt-4">Shop Now</Button>

</motion.div>

{/* Product 1 */}

<Card className="rounded-2xl shadow">

<CardContent className="p-4">

<h2 className="text-xl font-semibold">Castor + Rosemary Water 💧🌿</h2>

<p className="mt-2">

A lightweight scalp mist designed to hydrate, refresh, and support a healthy scalp environment—without heavy oils.

</p>

<ul className="mt-3 list-disc ml-5 text-sm">

<li>Hydrates dry scalp instantly</li>

<li>Helps reduce itch & buildup</li>

<li>Lightweight, non-greasy formula</li>

<li>Daily use friendly</li>

</ul>

<Button className="mt-4">Add to Cart</Button>

</CardContent>

</Card>

{/* Product 2 */}

<Card className="rounded-2xl shadow">

<CardContent className="p-4">

<h2 className="text-xl font-semibold">Follicle Revive Scalp Toner ✨</h2>

<p className="mt-2">

A cleansing scalp toner that removes buildup and refreshes your scalp, creating a better foundation for healthy hair.

</p>

<ul className="mt-3 list-disc ml-5 text-sm">

<li>Helps clear clogged follicles</li>

<li>Reduces flakes + irritation</li>

<li>Balances scalp & removes excess oil</li>

<li>Perfect pre-wash treatment</li>

</ul>

<Button className="mt-4">Add to Cart</Button>

</CardContent>

</Card>

{/* Bundle Section */}

<Card className="rounded-2xl shadow bg-green-50">

<CardContent className="p-4">

<h2 className="text-xl font-semibold">The Complete Scalp + Growth Routine 💚</h2>

<p className="mt-2">

Step 1: Clean your scalp with Follicle Revive

<br />

Step 2: Hydrate with Castor + Rosemary Water

</p>

<p className="mt-3 font-medium">Cleaner scalp = better results</p>

<Button className="mt-4">Shop Bundle</Button>

</CardContent>

</Card>

{/* Testimonials */}

<div className="grid gap-4">

<h2 className="text-xl font-semibold text-center">Real Results 💬</h2>

<Card><CardContent className="p-3">"My scalp feels so clean now!"</CardContent></Card>

<Card><CardContent className="p-3">"No more flakes and my hair feels stronger"</CardContent></Card>

<Card><CardContent className="p-3">"Simple routine that actually works"</CardContent></Card>

</div>

{/* CTA */}

<div className="text-center">

<h2 className="text-xl font-bold">Ready to Fix Your Hair Routine?</h2>

<Button className="mt-3">Start Your Routine Today</Button>

</div>

</div>

);

}

Shop NowHealthy Hair Starts at the Scalp 💚Simple routines. Real results.

Add to CartCastor + Rosemary Water 💧🌿A lightweight scalp mist designed to hydrate, refresh, and support a healthy scalp environment—without heavy oils.Hydrates dry scalp instantly
Helps reduce itch & buildup
Lightweight, non-greasy formula
Daily use friendly

Add to CartFollicle Revive Scalp Toner ✨A cleansing scalp toner that removes buildup and refreshes your scalp, creating a better foundation for healthy hair.Helps clear clogged follicles
Reduces flakes + irritation
Balances scalp & removes excess oil
Perfect pre-wash treatment

Shop BundleThe Complete Scalp + Growth Routine 💚Step 1: Clean your scalp with Follicle Revive
Step 2: Hydrate with Castor + Rosemary WaterCleaner scalp = better results

Real Results 💬

"My scalp feels so clean now!"

"No more flakes and my hair feels stronger"

"Simple routine that actually works"

Ready to Fix Your Hair Routine?Start Your Routine Today

CRO

import { Card, CardContent } from "@/components/ui/card";

import { Button } from "@/components/ui/button";

import { motion } from "framer-motion";

export default function LandingPage() {

return (

<div className="p-6 grid gap-8 max-w-4xl mx-auto">

{/* Hero Section */}

<motion.div initial={{ opacity: 0 }} animate={{ opacity: 1 }} className="text-center">

<h1 className="text-3xl font-bold">Healthy Hair Starts at the Scalp 💚</h1>

<p className="mt-2 text-lg">Simple routines. Real results.</p>

<Button className="mt-4">Shop Now</Button>

</motion.div>

{/* Product 1 */}

<Card className="rounded-2xl shadow">

<CardContent className="p-4">

<h2 className="text-xl font-semibold">Castor + Rosemary Water 💧🌿</h2>

<p className="mt-2">

A lightweight scalp mist designed to hydrate, refresh, and support a healthy scalp environment—without heavy oils.

</p>

<ul className="mt-3 list-disc ml-5 text-sm">

<li>Hydrates dry scalp instantly</li>

<li>Helps reduce itch & buildup</li>

<li>Lightweight, non-greasy formula</li>

<li>Daily use friendly</li>

</ul>

<Button className="mt-4">Add to Cart</Button>

</CardContent>

</Card>

{/* Product 2 */}

<Card className="rounded-2xl shadow">

<CardContent className="p-4">

<h2 className="text-xl font-semibold">Follicle Revive Scalp Toner ✨</h2>

<p className="mt-2">

A cleansing scalp toner that removes buildup and refreshes your scalp, creating a better foundation for healthy hair.

</p>

<ul className="mt-3 list-disc ml-5 text-sm">

<li>Helps clear clogged follicles</li>

<li>Reduces flakes + irritation</li>

<li>Balances scalp & removes excess oil</li>

<li>Perfect pre-wash treatment</li>

</ul>

<Button className="mt-4">Add to Cart</Button>

</CardContent>

</Card>

{/* Bundle Section */}

<Card className="rounded-2xl shadow bg-green-50">

<CardContent className="p-4">

<h2 className="text-xl font-semibold">The Complete Scalp + Growth Routine 💚</h2>

<p className="mt-2">

Step 1: Clean your scalp with Follicle Revive

<br />

Step 2: Hydrate with Castor + Rosemary Water

</p>

<p className="mt-3 font-medium">Cleaner scalp = better results</p>

<Button className="mt-4">Shop Bundle</Button>

</CardContent>

</Card>

{/* Testimonials */}

<div className="grid gap-4">

<h2 className="text-xl font-semibold text-center">Real Results 💬</h2>

<Card><CardContent className="p-3">"My scalp feels so clean now!"</CardContent></Card>

<Card><CardContent className="p-3">"No more flakes and my hair feels stronger"</CardContent></Card>

<Card><CardContent className="p-3">"Simple routine that actually works"</CardContent></Card>

</div>

{/* CTA */}

<div className="text-center">

<h2 className="text-xl font-bold">Ready to Fix Your Hair Routine?</h2>

<Button className="mt-3">Start Your Routine Today</Button>

</div>

</div>

);

}

Shop NowHealthy Hair Starts at the Scalp 💚Simple routines. Real results.

Add to CartCastor + Rosemary Water 💧🌿A lightweight scalp mist designed to hydrate, refresh, and support a healthy scalp environment—without heavy oils.Hydrates dry scalp instantly
Helps reduce itch & buildup
Lightweight, non-greasy formula
Daily use friendly

Add to CartFollicle Revive Scalp Toner ✨A cleansing scalp toner that removes buildup and refreshes your scalp, creating a better foundation for healthy hair.Helps clear clogged follicles
Reduces flakes + irritation
Balances scalp & removes excess oil
Perfect pre-wash treatment

Shop BundleThe Complete Scalp + Growth Routine 💚Step 1: Clean your scalp with Follicle Revive
Step 2: Hydrate with Castor + Rosemary WaterCleaner scalp = better results

Real Results 💬

"My scalp feels so clean now!"

"No more flakes and my hair feels stronger"

"Simple routine that actually works"

Ready to Fix Your Hair Routine?Start Your Routine Today