Merge version_1 into main #2
269
src/app/page.tsx
269
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Scissors, Palette, Droplets, Sparkles } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -32,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina Hair"
|
||||
/>
|
||||
@@ -58,32 +51,20 @@ export default function LandingPage() {
|
||||
description="Professional hair styling and color services tailored to your unique personality. Step into a world of elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg",
|
||||
alt: "Beautician styling clients hair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94680.jpg", alt: "Beautician styling clients hair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-blonde-woman-beauty-salon_176420-4450.jpg",
|
||||
alt: "Female hairdresser making hairstyle to blonde woman in beauty salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-blonde-woman-beauty-salon_176420-4450.jpg", alt: "Female hairdresser making hairstyle to blonde woman in beauty salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg",
|
||||
alt: "Child getting their hair washed at the salon",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-washed-salon_23-2150462452.jpg", alt: "Child getting their hair washed at the salon"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg",
|
||||
alt: "Actress waiting for her hair to be done",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/actress-waiting-her-hair-be-done_23-2149066358.jpg", alt: "Actress waiting for her hair to be done"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg",
|
||||
alt: "Spectacular smiling girl expressing positive emotions",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg", alt: "Spectacular smiling girl expressing positive emotions"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
/>
|
||||
@@ -94,14 +75,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Your Perfect Look",
|
||||
},
|
||||
type: "text", content: "Crafting Your Perfect Look"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
|
||||
alt: "Stylist at work",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg", alt: "Stylist at work"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,29 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cutting",
|
||||
description: "Customized haircuts for your face shape and hair texture.",
|
||||
buttonIcon: "Scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comb-scissor-top-view_23-2148352833.jpg",
|
||||
},
|
||||
title: "Precision Cutting", description: "Customized haircuts for your face shape and hair texture.", buttonIcon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comb-scissor-top-view_23-2148352833.jpg"},
|
||||
{
|
||||
title: "Advanced Coloring",
|
||||
description: "Expert balayage, highlights, and custom color formulas.",
|
||||
buttonIcon: "Palette",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-composition-flat-lay_23-2148352857.jpg",
|
||||
},
|
||||
title: "Advanced Coloring", description: "Expert balayage, highlights, and custom color formulas.", buttonIcon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-composition-flat-lay_23-2148352857.jpg"},
|
||||
{
|
||||
title: "Treatments",
|
||||
description: "Deep conditioning and restorative hair health sessions.",
|
||||
buttonIcon: "Droplets",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229764.jpg",
|
||||
},
|
||||
title: "Treatments", description: "Deep conditioning and restorative hair health sessions.", buttonIcon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229764.jpg"},
|
||||
{
|
||||
title: "Event Styling",
|
||||
description: "Bespoke updos and styles for weddings and events.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-blonde-bride-with-curls-shiny-skin-poses-white-silk-robe-room_8353-8090.jpg",
|
||||
},
|
||||
title: "Event Styling", description: "Bespoke updos and styles for weddings and events.", buttonIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-blonde-bride-with-curls-shiny-skin-poses-white-silk-robe-room_8353-8090.jpg"},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="From precision cuts to vibrant transformations, we use industry-leading techniques to deliver stunning results."
|
||||
@@ -149,59 +113,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Lumina",
|
||||
name: "Hydrate Shampoo",
|
||||
price: "$32",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg",
|
||||
},
|
||||
id: "p1", brand: "Lumina", name: "Hydrate Shampoo", price: "$32", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232250.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Lumina",
|
||||
name: "Gloss Serum",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "96",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-cleaning-solution-desk-with-napkin_23-2148571842.jpg",
|
||||
},
|
||||
id: "p2", brand: "Lumina", name: "Gloss Serum", price: "$45", rating: 5,
|
||||
reviewCount: "96", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-cleaning-solution-desk-with-napkin_23-2148571842.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Lumina",
|
||||
name: "Hold Spray",
|
||||
price: "$28",
|
||||
rating: 4,
|
||||
reviewCount: "84",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg",
|
||||
},
|
||||
id: "p3", brand: "Lumina", name: "Hold Spray", price: "$28", rating: 4,
|
||||
reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Lumina",
|
||||
name: "Repair Mask",
|
||||
price: "$38",
|
||||
rating: 5,
|
||||
reviewCount: "152",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-care-gua-sha-stone-product_23-2149376643.jpg",
|
||||
},
|
||||
id: "p4", brand: "Lumina", name: "Repair Mask", price: "$38", rating: 5,
|
||||
reviewCount: "152", imageSrc: "http://img.b2bpic.net/free-photo/face-care-gua-sha-stone-product_23-2149376643.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Lumina",
|
||||
name: "Define Gel",
|
||||
price: "$25",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-treatment-man-barbershop_23-2147737013.jpg",
|
||||
},
|
||||
id: "p5", brand: "Lumina", name: "Define Gel", price: "$25", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-treatment-man-barbershop_23-2147737013.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Lumina",
|
||||
name: "Smooth Cream",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg",
|
||||
},
|
||||
id: "p6", brand: "Lumina", name: "Smooth Cream", price: "$30", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg"},
|
||||
]}
|
||||
title="Premium Hair Care"
|
||||
description="Maintain your salon look at home with our exclusive product range."
|
||||
@@ -215,51 +143,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$75",
|
||||
subtitle: "Refresh & Cleanse",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Cut & Blowdry",
|
||||
"Deep Conditioning",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$75", subtitle: "Refresh & Cleanse", features: [
|
||||
"Consultation", "Cut & Blowdry", "Deep Conditioning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$150",
|
||||
subtitle: "Color & Care",
|
||||
features: [
|
||||
"Full Color/Highlights",
|
||||
"Precision Cut",
|
||||
"Gloss Finish",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$150", subtitle: "Color & Care", features: [
|
||||
"Full Color/Highlights", "Precision Cut", "Gloss Finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Luxury",
|
||||
price: "$250",
|
||||
subtitle: "Total Transformation",
|
||||
features: [
|
||||
"Balayage/Ombre",
|
||||
"Luxury Treatment",
|
||||
"Style & Setup",
|
||||
],
|
||||
id: "premium", badge: "Luxury", price: "$250", subtitle: "Total Transformation", features: [
|
||||
"Balayage/Ombre", "Luxury Treatment", "Style & Setup"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -276,45 +180,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Emma W.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg",
|
||||
},
|
||||
id: "1", name: "Emma W.", role: "Client", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-portrait-african-smiling-guy-with-his-hand-focus-relaxed-black-man-elegant-suit-sitting-bench-showing-thumb-up_197531-21913.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81982.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah J.", role: "Client", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81982.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe L.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg",
|
||||
},
|
||||
id: "3", name: "Chloe L.", role: "Client", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Grace M.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-smiling-touching-her-hair-wearing-shine-pink-t-shirt-with-gold-neckless_291650-571.jpg",
|
||||
},
|
||||
id: "4", name: "Grace M.", role: "Client", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-lady-smiling-touching-her-hair-wearing-shine-pink-t-shirt-with-gold-neckless_291650-571.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Olivia R.",
|
||||
role: "Client",
|
||||
company: "Local Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
|
||||
},
|
||||
id: "5", name: "Olivia R.", role: "Client", company: "Local Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear what our clients have to say about their transformations."
|
||||
@@ -327,26 +206,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How often should I trim?",
|
||||
content: "Generally every 6-8 weeks for maintenance.",
|
||||
},
|
||||
id: "f1", title: "How often should I trim?", content: "Generally every 6-8 weeks for maintenance."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I bring inspiration?",
|
||||
content: "Absolutely! We love seeing photos of your dream hair.",
|
||||
},
|
||||
id: "f2", title: "Can I bring inspiration?", content: "Absolutely! We love seeing photos of your dream hair."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you do consultations?",
|
||||
content: "Yes, we offer free 15-minute consultations.",
|
||||
},
|
||||
id: "f3", title: "Do you do consultations?", content: "Yes, we offer free 15-minute consultations."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Get quick answers to common questions about your salon visit."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -354,8 +224,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Ready for a Refresh?"
|
||||
description="Sign up for updates and booking priority access."
|
||||
@@ -366,29 +235,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user