bender/dceff80c-30cd-4e64-99a8-769a78bf5a5c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-03 08:16:15 +00:00
parent 1875a8cf7d eacf20dc66
commit fbbb751298
5 changed files with 98 additions and 348 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/app/about/page.tsx
View File

@@ -34,9 +34,7 @@ export default function AboutPage() {
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Shop Now",
href: "/products",
}}
text: "Shop Now", href: "/products"}}
animateOnLoad={true}
/>
</div>
@@ -51,22 +49,16 @@ export default function AboutPage() {
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=2"
imageSrc="http://img.b2bpic.net/free-photo/composition-spa-bathroom-elements_23-2147999953.jpg"
imageAlt="LuxeHair heritage and product craftsmanship"
mediaAnimation="opacity"
imagePosition="right"
@@ -85,48 +77,30 @@ export default function AboutPage() {
tagAnimation="slide-up"
features={[
{
title: "Purity & Integrity",
description: "We never compromise on ingredients. Every product contains only what nature provides and science confirms as beneficial for hair.",
icon: Leaf,
title: "Purity & Integrity", description: "We never compromise on ingredients. Every product contains only what nature provides and science confirms as beneficial for hair.", icon: Leaf,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/colored-cloths-arrangement-with-natural-pigments_23-2148734437.jpg?_wi=2",
imageAlt: "Natural pure ingredients",
},
imageSrc: "http://img.b2bpic.net/free-photo/colored-cloths-arrangement-with-natural-pigments_23-2148734437.jpg", imageAlt: "Natural pure ingredients"},
{
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=2",
imageAlt: "Pure natural 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: "Pure natural results"},
],
},
{
title: "Innovation & Excellence",
description: "We invest in research and development to bring you breakthrough technologies like our patented capsule system.",
icon: Beaker,
title: "Innovation & Excellence", description: "We invest in research and development to bring you breakthrough technologies like our patented capsule system.", icon: Beaker,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-pill-plastic-blister-pack_9975-133834.jpg?_wi=2",
imageAlt: "Advanced capsule technology",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-white-pill-plastic-blister-pack_9975-133834.jpg", imageAlt: "Advanced capsule technology"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg?_wi=2",
imageAlt: "Professional innovation",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229745.jpg", imageAlt: "Professional innovation"},
],
},
{
title: "Trust & Transparency",
description: "Our customers deserve to know exactly what they're putting on their hair. Complete transparency is non-negotiable.",
icon: Award,
title: "Trust & Transparency", description: "Our customers deserve to know exactly what they're putting on their hair. Complete transparency is non-negotiable.", icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg?_wi=2",
imageAlt: "Trusted by professionals",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-donating-hair-cancer_657883-597.jpg", imageAlt: "Trusted by professionals"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg?_wi=2",
imageAlt: "Transparent results",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg", imageAlt: "Transparent results"},
],
},
]}
@@ -145,14 +119,7 @@ export default function AboutPage() {
tagIcon={CheckCircle}
tagAnimation="slide-up"
names={[
"Premium Salon Network",
"European Beauty Association",
"Natural Beauty Standards",
"Professional Stylists Guild",
"Luxury Beauty Institute",
"Eco-Conscious Beauty Alliance",
"Innovation in Hair Care",
]}
"Premium Salon Network", "European Beauty Association", "Natural Beauty Standards", "Professional Stylists Guild", "Luxury Beauty Institute", "Eco-Conscious Beauty Alliance", "Innovation in Hair Care"]}
textboxLayout="default"
useInvertedBackground={true}
speed={35}
@@ -165,8 +132,7 @@ export default function AboutPage() {
<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" },
@@ -174,8 +140,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Careers", href: "#" },
@@ -183,8 +148,7 @@ export default function AboutPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Shipping Info", href: "#" },
@@ -192,8 +156,7 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookies", href: "#" },

46
src/app/contact/page.tsx
View File

@@ -33,9 +33,7 @@ export default function ContactPage() {
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Shop Now",
href: "/products",
}}
text: "Shop Now", href: "/products"}}
animateOnLoad={true}
/>
</div>
@@ -68,35 +66,17 @@ export default function ContactPage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "What makes your natural coloring system different?",
content: "Our 100% natural coloring system uses only plant-based ingredients without ammonia, PPD, or harsh chemicals. Each formula is designed to nourish while it colors, maintaining hair health and vibrancy.",
},
id: "1", title: "What makes your natural coloring system different?", content: "Our 100% natural coloring system uses only plant-based ingredients without ammonia, PPD, or harsh chemicals. Each formula is designed to nourish while it colors, maintaining hair health and vibrancy."},
{
id: "2",
title: "How does the capsule technology work?",
content: "Our patented capsule system delivers precise, consistent color application. Each capsule contains the exact amount needed, eliminating guesswork and waste while ensuring professional-grade results every time.",
},
id: "2", title: "How does the capsule technology work?", content: "Our patented capsule system delivers precise, consistent color application. Each capsule contains the exact amount needed, eliminating guesswork and waste while ensuring professional-grade results every time."},
{
id: "3",
title: "Can I use these products at home or only in a salon?",
content: "Both! Our products are designed for professional salon use and personal home application. We provide detailed instructions and tutorials for home users, with professional-grade results.",
},
id: "3", title: "Can I use these products at home or only in a salon?", content: "Both! Our products are designed for professional salon use and personal home application. We provide detailed instructions and tutorials for home users, with professional-grade results."},
{
id: "4",
title: "Is the natural formula safe for all hair types?",
content: "Yes, our natural formulas are suitable for all hair types, including sensitive scalps, color-treated hair, and keratin-treated hair. We recommend a patch test for those with known sensitivities.",
},
id: "4", title: "Is the natural formula safe for all hair types?", content: "Yes, our natural formulas are suitable for all hair types, including sensitive scalps, color-treated hair, and keratin-treated hair. We recommend a patch test for those with known sensitivities."},
{
id: "5",
title: "How long does the color last with your system?",
content: "With proper care, our natural coloring system provides vibrant color for 4-6 weeks. Our capsule system may last slightly longer depending on your hair type and maintenance routine.",
},
id: "5", title: "How long does the color last with your system?", content: "With proper care, our natural coloring system provides vibrant color for 4-6 weeks. Our capsule system may last slightly longer depending on your hair type and maintenance routine."},
{
id: "6",
title: "Do you offer wholesale or B2B options?",
content: "Yes! We have dedicated B2B solutions for salons and professional distributors. Contact our sales team for custom packages, volume discounts, and professional support programs.",
},
id: "6", title: "Do you offer wholesale or B2B options?", content: "Yes! We have dedicated B2B solutions for salons and professional distributors. Contact our sales team for custom packages, volume discounts, and professional support programs."},
]}
faqsAnimation="blur-reveal"
textboxLayout="default"
@@ -110,8 +90,7 @@ export default function ContactPage() {
<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" },
@@ -119,8 +98,7 @@ export default function ContactPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Careers", href: "#" },
@@ -128,8 +106,7 @@ export default function ContactPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "/contact#contact-faq" },
{ label: "Shipping Info", href: "#" },
@@ -137,8 +114,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookies", href: "#" },

26
src/app/layout.tsx
View File

@@ -5,35 +5,21 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "LuxeHair | Premium Natural Hair Color & Professional Coloring Systems",
description: "Discover LuxeHair's luxury natural coloring systems and premium hair care products. 100% natural formulas and innovative capsule technology for salons and home use.",
keywords: "natural hair color, premium hair care, coloring system, capsule technology, professional hair products, salon supplies",
metadataBase: new URL("https://luxehair.com"),
title: "LuxeHair | Premium Natural Hair Color & Professional Coloring Systems", description: "Discover LuxeHair's luxury natural coloring systems and premium hair care products. 100% natural formulas and innovative capsule technology for salons and home use.", keywords: "natural hair color, premium hair care, coloring system, capsule technology, professional hair products, salon supplies", metadataBase: new URL("https://luxehair.com"),
alternates: {
canonical: "https://luxehair.com",
},
canonical: "https://luxehair.com"},
openGraph: {
title: "LuxeHair - Premium Natural Hair Care",
description: "Luxury natural coloring systems and professional hair care products for stunning results.",
siteName: "LuxeHair",
type: "website",
images: [
title: "LuxeHair - Premium Natural Hair Care", description: "Luxury natural coloring systems and professional hair care products for stunning results.", siteName: "LuxeHair", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27181.jpg",
alt: "LuxeHair Premium Products",
},
url: "http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27181.jpg", alt: "LuxeHair Premium Products"},
],
},
twitter: {
card: "summary_large_image",
title: "LuxeHair - Premium Natural Hair Care",
description: "Discover our innovative coloring systems and luxury hair products.",
images: ["http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27181.jpg"],
card: "summary_large_image", title: "LuxeHair - Premium Natural Hair Care", description: "Discover our innovative coloring systems and luxury hair products.", images: ["http://img.b2bpic.net/free-photo/woman-washing-head-hairsalon_1157-27181.jpg"],
},
robots: {
index: true,

197
src/app/page.tsx
View File

@@ -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: "#" },

102
src/app/products/page.tsx
View File

@@ -34,9 +34,7 @@ export default function ProductsPage() {
{ name: "Contact", id: "/contact" },
]}
button={{
text: "Shop Now",
href: "/products",
}}
text: "Shop Now", href: "/products"}}
animateOnLoad={true}
/>
</div>
@@ -51,68 +49,28 @@ export default function ProductsPage() {
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=2",
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=2",
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: "natural-color-red",
name: "Natural Color System - Vibrant Red",
price: "€89.00",
imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg?_wi=3",
imageAlt: "Natural Color System - Vibrant Red",
initialQuantity: 1,
id: "natural-color-red", name: "Natural Color System - Vibrant Red", price: "€89.00", imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg", imageAlt: "Natural Color System - Vibrant Red", 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=2",
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: "capsule-espresso",
name: "Capsule Color System - Espresso",
price: "€79.00",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg?_wi=3",
imageAlt: "Capsule Color System - Espresso",
initialQuantity: 1,
id: "capsule-espresso", name: "Capsule Color System - Espresso", price: "€79.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg", imageAlt: "Capsule Color System - Espresso", 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=2",
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=2",
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=2",
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="three-columns-all-equal-width"
@@ -132,32 +90,14 @@ export default function ProductsPage() {
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=2",
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: "Professional 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=2",
imageAlt: "Giulia Rossi",
},
id: "2", name: "Giulia Rossi", role: "Professional 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: "Loyal Customer",
company: "Beauty Enthusiast",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-862.jpg?_wi=2",
imageAlt: "Alessandra Bianchi",
},
id: "3", name: "Alessandra Bianchi", role: "Loyal Customer", company: "Beauty Enthusiast", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-862.jpg", imageAlt: "Alessandra Bianchi"},
]}
kpiItems={[
{ value: "98%", label: "Would Recommend" },
@@ -193,8 +133,7 @@ export default function ProductsPage() {
<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" },
@@ -202,8 +141,7 @@ export default function ProductsPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Careers", href: "#" },
@@ -211,8 +149,7 @@ export default function ProductsPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#faq" },
{ label: "Shipping Info", href: "#" },
@@ -220,8 +157,7 @@ export default function ProductsPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookies", href: "#" },