diff --git a/src/app/page.tsx b/src/app/page.tsx index dc703f0..5e6c521 100644 --- a/src/app/page.tsx +++ b/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() { @@ -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"}, ]} /> @@ -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" /> @@ -354,8 +224,7 @@ export default function LandingPage() {