Update src/app/page.tsx
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -38,9 +38,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -48,6 +46,7 @@ export default function HomePage() {
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero" className="relative min-h-screen">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevate Your Hair Care Journey"
|
||||
description="Discover our premium natural hair products and revolutionary 100% natural and capsule-based coloring systems. Crafted for excellence, designed for everyone."
|
||||
tag="Premium Hair Care"
|
||||
@@ -58,29 +57,14 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sofia Martinez",
|
||||
handle: "Salon Owner, Madrid",
|
||||
testimonial: "The results are absolutely stunning. My clients love the natural finish and how their hair feels after using these products.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg",
|
||||
imageAlt: "Sofia Martinez",
|
||||
},
|
||||
name: "Sofia Martinez", handle: "Salon Owner, Madrid", testimonial: "The results are absolutely stunning. My clients love the natural finish and how their hair feels after using these products.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-caucasian-woman-black-medical-uniform-standing-studio-competent-female-cosmetologist-holding-arms-crossed-grey-background_7502-9241.jpg", imageAlt: "Sofia Martinez"},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "Beauty Influencer, Milan",
|
||||
testimonial: "Finally, a coloring system that doesn't compromise hair health. The capsule technology is a game-changer for my community.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg",
|
||||
imageAlt: "Elena Rossi",
|
||||
},
|
||||
name: "Elena Rossi", handle: "Beauty Influencer, Milan", testimonial: "Finally, a coloring system that doesn't compromise hair health. The capsule technology is a game-changer for my community.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", imageAlt: "Elena Rossi"},
|
||||
{
|
||||
name: "Isabella Bianchi",
|
||||
handle: "Professional Stylist, Rome",
|
||||
testimonial: "My clients see visible improvements in just one treatment. The 100% natural formula is what they've been asking for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81883.jpg",
|
||||
imageAlt: "Isabella Bianchi",
|
||||
},
|
||||
name: "Isabella Bianchi", handle: "Professional Stylist, Rome", testimonial: "My clients see visible improvements in just one treatment. The 100% natural formula is what they've been asking for.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81883.jpg", imageAlt: "Isabella Bianchi"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Collections", href: "/products" },
|
||||
@@ -101,22 +85,16 @@ export default function HomePage() {
|
||||
tagAnimation="opacity"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "100% Natural Formula System",
|
||||
description: "Our flagship natural coloring system uses only plant-based ingredients, preserving hair integrity while delivering stunning color.",
|
||||
icon: Leaf,
|
||||
title: "100% Natural Formula System", description: "Our flagship natural coloring system uses only plant-based ingredients, preserving hair integrity while delivering stunning color.", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Patented Capsule Technology",
|
||||
description: "Our proprietary capsule-based coloring system ensures precision, consistency, and zero waste in application.",
|
||||
icon: Beaker,
|
||||
title: "Patented Capsule Technology", description: "Our proprietary capsule-based coloring system ensures precision, consistency, and zero waste in application.", icon: Beaker,
|
||||
},
|
||||
{
|
||||
title: "Professional & Consumer Trusted",
|
||||
description: "Used by top salons worldwide and trusted by beauty professionals and individual enthusiasts alike.",
|
||||
icon: Award,
|
||||
title: "Professional & Consumer Trusted", description: "Used by top salons worldwide and trusted by beauty professionals and individual enthusiasts alike.", icon: Award,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-spa-bathroom-elements_23-2147999953.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-spa-bathroom-elements_23-2147999953.jpg"
|
||||
imageAlt="LuxeHair heritage and product craftsmanship"
|
||||
mediaAnimation="opacity"
|
||||
imagePosition="right"
|
||||
@@ -135,63 +113,39 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "100% Natural Coloring",
|
||||
description: "Pure botanical extracts deliver rich, lasting color without ammonia or harsh chemicals. Your hair stays healthy and vibrant.",
|
||||
icon: Leaf,
|
||||
title: "100% Natural Coloring", description: "Pure botanical extracts deliver rich, lasting color without ammonia or harsh chemicals. Your hair stays healthy and vibrant.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-cloths-arrangement-with-natural-pigments_23-2148734437.jpg?_wi=1",
|
||||
imageAlt: "Natural coloring process",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-cloths-arrangement-with-natural-pigments_23-2148734437.jpg", imageAlt: "Natural coloring process"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg?_wi=1",
|
||||
imageAlt: "Beautiful natural color results",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-fashion-lifestyle-portrait-young-fresh-amazing-woman-posing-bed-wearing-seductive-lingerie-relaxing-having-fun-morning-time_291049-528.jpg", imageAlt: "Beautiful natural color results"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Capsule Innovation",
|
||||
description: "Our patented capsule system guarantees consistent application, minimal waste, and professional results every time.",
|
||||
icon: Beaker,
|
||||
title: "Capsule Innovation", description: "Our patented capsule system guarantees consistent application, minimal waste, and professional results every time.", icon: Beaker,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-pill-plastic-blister-pack_9975-133834.jpg?_wi=1",
|
||||
imageAlt: "Capsule technology system",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-pill-plastic-blister-pack_9975-133834.jpg", imageAlt: "Capsule technology system"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg?_wi=1",
|
||||
imageAlt: "Precision capsule application",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg", imageAlt: "Precision capsule application"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Professional-Grade Quality",
|
||||
description: "Salon-trusted formulations that deliver results professionals rely on, now available for home and professional use.",
|
||||
icon: Sparkles,
|
||||
title: "Professional-Grade Quality", description: "Salon-trusted formulations that deliver results professionals rely on, now available for home and professional use.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg?_wi=1",
|
||||
imageAlt: "Professional salon application",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg", imageAlt: "Professional salon application"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg?_wi=1",
|
||||
imageAlt: "Expert results showcase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg", imageAlt: "Expert results showcase"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hair Health First",
|
||||
description: "Formulated with nourishing oils and botanicals that strengthen and protect your hair while coloring beautifully.",
|
||||
icon: Heart,
|
||||
title: "Hair Health First", description: "Formulated with nourishing oils and botanicals that strengthen and protect your hair while coloring beautifully.", icon: Heart,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-plump-woman-loving-her-body_23-2149180813.jpg",
|
||||
imageAlt: "Hair health improvement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-plump-woman-loving-her-body_23-2149180813.jpg", imageAlt: "Hair health improvement"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-beautiful-brunette-woman-with-golden-tan-wearing-bikini-standing-profile-green-leaves_197531-22588.jpg",
|
||||
imageAlt: "Nourished, vibrant hair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-beautiful-brunette-woman-with-golden-tan-wearing-bikini-standing-profile-green-leaves_197531-22588.jpg", imageAlt: "Nourished, vibrant hair"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -211,52 +165,22 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "natural-color-deep-brown",
|
||||
name: "Natural Color System - Deep Brown",
|
||||
price: "€89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg?_wi=1",
|
||||
imageAlt: "Natural Color System - Deep Brown",
|
||||
initialQuantity: 1,
|
||||
id: "natural-color-deep-brown", name: "Natural Color System - Deep Brown", price: "€89.00", imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg", imageAlt: "Natural Color System - Deep Brown", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "natural-color-blonde",
|
||||
name: "Natural Color System - Golden Blonde",
|
||||
price: "€89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cosmetics-beauty-product-bottles-advertising-banner_33099-1799.jpg?_wi=1",
|
||||
imageAlt: "Natural Color System - Golden Blonde",
|
||||
initialQuantity: 1,
|
||||
id: "natural-color-blonde", name: "Natural Color System - Golden Blonde", price: "€89.00", imageSrc: "http://img.b2bpic.net/free-vector/cosmetics-beauty-product-bottles-advertising-banner_33099-1799.jpg", imageAlt: "Natural Color System - Golden Blonde", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "capsule-auburn",
|
||||
name: "Capsule Color System - Auburn",
|
||||
price: "€79.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg?_wi=1",
|
||||
imageAlt: "Capsule Color System - Auburn",
|
||||
initialQuantity: 1,
|
||||
id: "capsule-auburn", name: "Capsule Color System - Auburn", price: "€79.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg", imageAlt: "Capsule Color System - Auburn", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "premium-shampoo",
|
||||
name: "Premium Botanical Shampoo",
|
||||
price: "€45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238253.jpg?_wi=1",
|
||||
imageAlt: "Premium Botanical Shampoo",
|
||||
initialQuantity: 1,
|
||||
id: "premium-shampoo", name: "Premium Botanical Shampoo", price: "€45.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238253.jpg", imageAlt: "Premium Botanical Shampoo", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "color-treatment",
|
||||
name: "Color-Protecting Treatment Mask",
|
||||
price: "€55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg?_wi=1",
|
||||
imageAlt: "Color-Protecting Treatment Mask",
|
||||
initialQuantity: 1,
|
||||
id: "color-treatment", name: "Color-Protecting Treatment Mask", price: "€55.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg", imageAlt: "Color-Protecting Treatment Mask", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "starter-kit",
|
||||
name: "Starter Luxury Kit",
|
||||
price: "€199.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-men-cologne-box-heart-shaped-box-flowers-table_140725-144825.jpg?_wi=1",
|
||||
imageAlt: "Starter Luxury Kit with complete range",
|
||||
initialQuantity: 1,
|
||||
id: "starter-kit", name: "Starter Luxury Kit", price: "€199.00", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-men-cologne-box-heart-shaped-box-flowers-table_140725-144825.jpg", imageAlt: "Starter Luxury Kit with complete range", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
@@ -276,41 +200,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco Colombo",
|
||||
role: "Salon Owner",
|
||||
company: "Studio Marco - Milan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg?_wi=1",
|
||||
imageAlt: "Marco Colombo",
|
||||
},
|
||||
id: "1", name: "Marco Colombo", role: "Salon Owner", company: "Studio Marco - Milan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg", imageAlt: "Marco Colombo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Giulia Rossi",
|
||||
role: "Hair Stylist",
|
||||
company: "Bella Salon - Rome",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg?_wi=1",
|
||||
imageAlt: "Giulia Rossi",
|
||||
},
|
||||
id: "2", name: "Giulia Rossi", role: "Hair Stylist", company: "Bella Salon - Rome", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg", imageAlt: "Giulia Rossi"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alessandra Bianchi",
|
||||
role: "Beauty Enthusiast",
|
||||
company: "Self-employed",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-862.jpg?_wi=1",
|
||||
imageAlt: "Alessandra Bianchi",
|
||||
},
|
||||
id: "3", name: "Alessandra Bianchi", role: "Beauty Enthusiast", company: "Self-employed", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-862.jpg", imageAlt: "Alessandra Bianchi"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lorenzo Rossi",
|
||||
role: "Salon Manager",
|
||||
company: "Premium Hair Studio - Venice",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-suit-cloakroom_171337-19180.jpg",
|
||||
imageAlt: "Lorenzo Rossi",
|
||||
},
|
||||
id: "4", name: "Lorenzo Rossi", role: "Salon Manager", company: "Premium Hair Studio - Venice", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-suit-cloakroom_171337-19180.jpg", imageAlt: "Lorenzo Rossi"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "15,000+", label: "Satisfied Customers" },
|
||||
@@ -332,14 +232,7 @@ export default function HomePage() {
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"Premium Salon Network",
|
||||
"Beauty Professional Guild",
|
||||
"Natural Beauty Collective",
|
||||
"European Hair Experts",
|
||||
"Luxury Beauty Institute",
|
||||
"Professional Stylists Association",
|
||||
"Eco Beauty Alliance",
|
||||
]}
|
||||
"Premium Salon Network", "Beauty Professional Guild", "Natural Beauty Collective", "European Hair Experts", "Luxury Beauty Institute", "Professional Stylists Association", "Eco Beauty Alliance"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={35}
|
||||
@@ -370,8 +263,7 @@ export default function HomePage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Natural Color System", href: "/products" },
|
||||
{ label: "Capsule Technology", href: "/products" },
|
||||
{ label: "Hair Care Range", href: "/products" },
|
||||
@@ -379,8 +271,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -388,8 +279,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
@@ -397,8 +287,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookies", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user