Test Page

Import { Button } from “@/components/ui/button”;
import { Card, CardContent } from “@/components/ui/card”;
import { Tabs, TabsContent, TabsList, TabsTrigger } from “@/components/ui/tabs”;
import { CheckCircle, Wind, Sparkles, Brush, Sun } from “lucide-react”;

export default function BlowdryCoursePage() {
return (
<div className=”min-h-screen bg-gradient-to-b from-white to-gray-100 text-gray-800 py-12 px-6 md:px-20″>
<header className=”mb-16 text-center”>
<h1 className=”text-4xl md:text-6xl font-bold mb-4″>Blowdry Masterclass: For Beginners</h1>
<p className=”text-lg md:text-xl text-gray-600 max-w-2xl mx-auto”>
Learn the essentials of perfect blow-drying with our high-end online course designed to transform your skills in just 3 hours.
</p>
</header>

<Tabs defaultValue=”volume” className=”w-full max-w-5xl mx-auto”>
<TabsList className=”grid grid-cols-3 gap-4 bg-white shadow-md rounded-2xl p-2″>
<TabsTrigger value=”volume” className=”flex items-center gap-2 justify-center text-base font-medium”>
<Wind className=”w-5 h-5″ /> Volume
</TabsTrigger>
<TabsTrigger value=”sleek” className=”flex items-center gap-2 justify-center text-base font-medium”>
<Sparkles className=”w-5 h-5″ /> Sleek
</TabsTrigger>
<TabsTrigger value=”tips” className=”flex items-center gap-2 justify-center text-base font-medium”>
<CheckCircle className=”w-5 h-5″ /> Tips
</TabsTrigger>
</TabsList>

<TabsContent value=”volume”>
<Card className=”mt-6 shadow-lg”>
<CardContent className=”p-6 space-y-6″>
<h2 className=”text-2xl font-semibold”>Module 2: Volume Blowout</h2>
<ul className=”list-disc list-inside space-y-2″>
<li>Learn root-lift using a round brush</li>
<li>Use directional airflow for long-lasting body</li>
<li>Set your shape with the cool shot</li>
<li>Flip & finish for maximum bounce</li>
</ul>
<Button className=”mt-4″>Watch Lesson</Button>
</CardContent>
</Card>
</TabsContent>

<TabsContent value=”sleek”>
<Card className=”mt-6 shadow-lg”>
<CardContent className=”p-6 space-y-6″>
<h2 className=”text-2xl font-semibold”>Module 3: Sleek & Smooth</h2>
<ul className=”list-disc list-inside space-y-2″>
<li>Control frizz with product & technique</li>
<li>Dry hair in smooth, downward sections</li>
<li>Polish face-framing layers for a luxury finish</li>
</ul>
<Button className=”mt-4″>Watch Lesson</Button>
</CardContent>
</Card>
</TabsContent>

<TabsContent value=”tips”>
<Card className=”mt-6 shadow-lg”>
<CardContent className=”p-6 space-y-6″>
<h2 className=”text-2xl font-semibold”>Troubleshooting & Pro Tips</h2>
<ul className=”list-disc list-inside space-y-2″>
<li>Avoid over-drying by using proper section sizes</li>
<li>Use your cool shot for shine & style setting</li>
<li>Pre-dry to 80% before brushing</li>
</ul>
<Button className=”mt-4″>View Tips</Button>
</CardContent>
</Card>
</TabsContent>
</Tabs>

<div className=”mt-20 text-center”>
<h3 className=”text-3xl font-bold mb-4″>Get Certified</h3>
<p className=”text-gray-600 mb-6 max-w-xl mx-auto”>
Complete the final challenge and receive your “Certified Blowdry Beginner” certificate — perfect for budding stylists or beauty lovers!
</p>
<Button size=”lg”>Enroll Now</Button>
</div>
</div>
);
}