|
|
|
@@ -11,7 +11,7 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia
|
|
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
|
|
import { Sparkles, Leaf, Beaker, Award, Heart, Mail, Check, Star, CheckCircle, HelpCircle } from "lucide-react";
|
|
|
|
import { Sparkles, Leaf, Beaker, Award, Heart, Mail, Check, Star, CheckCircle, HelpCircle, ShieldCheck } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function HomePage() {
|
|
|
|
export default function HomePage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
@@ -38,7 +38,8 @@ export default function HomePage() {
|
|
|
|
{ name: "Contact", id: "/contact" },
|
|
|
|
{ name: "Contact", id: "/contact" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
button={{
|
|
|
|
button={{
|
|
|
|
text: "Shop Now", href: "/products"}}
|
|
|
|
text: "Shop Now", href: "/products"
|
|
|
|
|
|
|
|
}}
|
|
|
|
animateOnLoad={true}
|
|
|
|
animateOnLoad={true}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -58,16 +59,19 @@ export default function HomePage() {
|
|
|
|
testimonials={[
|
|
|
|
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,
|
|
|
|
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"},
|
|
|
|
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,
|
|
|
|
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"},
|
|
|
|
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,
|
|
|
|
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"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81883.jpg", imageAlt: "Isabella Bianchi"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Explore Collections", href: "/products" },
|
|
|
|
{ text: "Shop Natural Hair Color", href: "/products" },
|
|
|
|
{ text: "Learn More", href: "#about" },
|
|
|
|
{ text: "Learn More", href: "#about" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
buttonAnimation="blur-reveal"
|
|
|
|
@@ -116,36 +120,44 @@ export default function HomePage() {
|
|
|
|
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: [
|
|
|
|
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?_wi=1", 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?_wi=1", 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: [
|
|
|
|
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?_wi=1", 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?_wi=1", 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: [
|
|
|
|
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?_wi=1", 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?_wi=1", 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: [
|
|
|
|
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"
|
|
|
|
|
|
|
|
},
|
|
|
|
],
|
|
|
|
],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -160,8 +172,8 @@ export default function HomePage() {
|
|
|
|
<ProductCardThree
|
|
|
|
<ProductCardThree
|
|
|
|
title="Our Product Range"
|
|
|
|
title="Our Product Range"
|
|
|
|
description="Explore our carefully curated collection of natural and innovative hair care solutions"
|
|
|
|
description="Explore our carefully curated collection of natural and innovative hair care solutions"
|
|
|
|
tag="Shop Premium Products"
|
|
|
|
tag="100% Money-Back Guarantee"
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={ShieldCheck}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
@@ -201,16 +213,20 @@ export default function HomePage() {
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Marco Colombo", role: "Salon Owner", company: "Studio Marco - Milan", rating: 5,
|
|
|
|
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"},
|
|
|
|
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: "2", name: "Giulia Rossi", role: "Hair Stylist", company: "Bella Salon - Rome", rating: 5,
|
|
|
|
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"},
|
|
|
|
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: "3", name: "Alessandra Bianchi", role: "Beauty Enthusiast", company: "Self-employed", rating: 5,
|
|
|
|
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"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-862.jpg?_wi=1", imageAlt: "Alessandra Bianchi"
|
|
|
|
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Lorenzo Rossi", role: "Salon Manager", company: "Premium Hair Studio - Venice", rating: 5,
|
|
|
|
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"},
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-suit-cloakroom_171337-19180.jpg", imageAlt: "Lorenzo Rossi"
|
|
|
|
|
|
|
|
},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
kpiItems={[
|
|
|
|
kpiItems={[
|
|
|
|
{ value: "15,000+", label: "Satisfied Customers" },
|
|
|
|
{ value: "15,000+", label: "Satisfied Customers" },
|
|
|
|
@@ -232,7 +248,8 @@ export default function HomePage() {
|
|
|
|
tagIcon={CheckCircle}
|
|
|
|
tagIcon={CheckCircle}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
names={[
|
|
|
|
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"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
speed={35}
|
|
|
|
speed={35}
|
|
|
|
|
