From 580d54d85a1e7823d901726884dee2719181054d Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 8 Mar 2026 18:56:42 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 72 +++++++++++++++++++++++++++++++----------------- 1 file changed, 47 insertions(+), 25 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f91154b..1453e8e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import PricingCardFive from "@/components/sections/pricing/PricingCardFive"; import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import { Award, Camera, Check, DollarSign, Heart, MessageSquare, Phone, Scissors, Shield, Sparkles, Zap } from "lucide-react"; +import { Award, Camera, Check, DollarSign, Heart, MessageSquare, Phone, Scissors, Shield, Sparkles, Star, Zap } from "lucide-react"; export default function LandingPage() { return ( @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="largeSmallSizeLargeTitles" - background="noise" + background="circleGradient" cardStyle="gradient-mesh" primaryButtonStyle="gradient" secondaryButtonStyle="radial-glow" @@ -36,7 +36,8 @@ export default function LandingPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Book Now", href: "#contact"}} + text: "Book Now", href: "#contact" + }} /> @@ -47,18 +48,23 @@ export default function LandingPage() { tag="Welcome to Black & Grey" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "radial-gradient" }} mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg", imageAlt: "Black & Grey Salon Interior"}, + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-scissors_23-2149007425.jpg", imageAlt: "Black & Grey Salon Interior" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg?_wi=1", imageAlt: "Professional Fade Haircut"}, + imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", imageAlt: "Professional Fade Haircut" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg?_wi=1", imageAlt: "Modern Haircut Style"}, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg", imageAlt: "Modern Haircut Style" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4689.jpg?_wi=1", imageAlt: "Professional Beard Trim"}, + imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4689.jpg", imageAlt: "Professional Beard Trim" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg", imageAlt: "Expert Barber at Work"}, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg", imageAlt: "Expert Barber at Work" + }, ]} mediaAnimation="slide-up" buttons={[ @@ -91,27 +97,33 @@ export default function LandingPage() { { icon: Sparkles, title: "Precision Fades", description: - "Clean, sharp fades with seamless blending. Our signature fade technique delivers professional results every time."}, + "Clean, sharp fades with seamless blending. Our signature fade technique delivers professional results every time." + }, { icon: Zap, title: "Line-Up & Edge Work", description: - "Crisp line-ups and edge detailing that frame your look perfectly. Precision hairline designs for maximum impact."}, + "Crisp line-ups and edge detailing that frame your look perfectly. Precision hairline designs for maximum impact." + }, { icon: Shield, title: "Beard Trimming & Shaping", description: - "Expert beard grooming with shaping and styling. We maintain your facial hair with professional precision."}, + "Expert beard grooming with shaping and styling. We maintain your facial hair with professional precision." + }, { icon: Award, title: "Premium Cuts & Styling", description: - "Contemporary cuts tailored to your style. Modern techniques combined with classic barbering traditions."}, + "Contemporary cuts tailored to your style. Modern techniques combined with classic barbering traditions." + }, { icon: Check, title: "Straight Razor Shaves", description: - "Traditional hot towel shaves with premium razors. A luxurious grooming experience for the ultimate finish."}, + "Traditional hot towel shaves with premium razors. A luxurious grooming experience for the ultimate finish." + }, { icon: Heart, title: "Hair & Scalp Care", description: - "Specialized treatments for healthy hair and scalp. Premium products for long-lasting grooming results."}, + "Specialized treatments for healthy hair and scalp. Premium products for long-lasting grooming results." + }, ]} animationType="slide-up" textboxLayout="default" @@ -128,11 +140,14 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "1", name: "Classic Fade with Design", price: "Available", variant: "Precision Fade", imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg?_wi=2", imageAlt: "Professional Fade Haircut"}, + id: "1", name: "Classic Fade with Design", price: "Available", variant: "Precision Fade", imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", imageAlt: "Professional Fade Haircut" + }, { - id: "2", name: "Modern Textured Cut", price: "Available", variant: "Contemporary Style", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg?_wi=2", imageAlt: "Modern Haircut Style"}, + id: "2", name: "Modern Textured Cut", price: "Available", variant: "Contemporary Style", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg", imageAlt: "Modern Haircut Style" + }, { - id: "3", name: "Professional Beard Trim", price: "Available", variant: "Beard Grooming", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4689.jpg?_wi=2", imageAlt: "Professional Beard Trim"}, + id: "3", name: "Professional Beard Trim", price: "Available", variant: "Beard Grooming", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4689.jpg", imageAlt: "Professional Beard Trim" + }, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" @@ -152,18 +167,21 @@ export default function LandingPage() { { id: "haircut", tag: "Standard Haircut", price: "AED 60", period: "/cut", description: "Professional haircut with styling and finishing touches.", button: { text: "Book Now", href: "#contact" }, featuresTitle: "Includes:", features: [ - "Professional consultation", "Precision cut & style", "Styling product application", "Clean-up & finishing touches"], + "Professional consultation", "Precision cut & style", "Styling product application", "Clean-up & finishing touches" + ], }, { id: "fade", tag: "Premium Fade", tagIcon: Star, price: "AED 75", period: "/cut", description: "Expert fade with sharp lines and seamless blending.", button: { text: "Book Now", href: "#contact" }, featuresTitle: "Includes:", features: [ - "Precision fade technique", "Sharp line-up work", "Design options available", "Premium finishing"], + "Precision fade technique", "Sharp line-up work", "Design options available", "Premium finishing" + ], }, { id: "grooming-package", tag: "Complete Grooming", price: "AED 120", period: "/session", description: "Full grooming package with haircut, beard trim, and shave.", button: { text: "Book Now", href: "#contact" }, featuresTitle: "Includes:", features: [ - "Premium haircut", "Beard trim & shape", "Hot towel shave", "Hair care treatment", "Premium products"], + "Premium haircut", "Beard trim & shape", "Hot towel shave", "Hair care treatment", "Premium products" + ], }, ]} animationType="slide-up" @@ -182,16 +200,20 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Ahmed Al Mazrouei", role: "Business Executive", company: "Sharjah", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-aged-client_23-2148181902.jpg", imageAlt: "Ahmed Al Mazrouei"}, + imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-aged-client_23-2148181902.jpg", imageAlt: "Ahmed Al Mazrouei" + }, { id: "2", name: "Mohammed Khan", role: "Professional", company: "UAE", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", imageAlt: "Mohammed Khan"}, + imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", imageAlt: "Mohammed Khan" + }, { id: "3", name: "Rashid Al Mansoori", role: "Entrepreneur", company: "Dubai", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-smiling-while-posing-with-her-dog_23-2148566972.jpg", imageAlt: "Rashid Al Mansoori"}, + imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-smiling-while-posing-with-her-dog_23-2148566972.jpg", imageAlt: "Rashid Al Mansoori" + }, { id: "4", name: "Omar Hassan", role: "Marketing Manager", company: "Ajman", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg", imageAlt: "Omar Hassan"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg", imageAlt: "Omar Hassan" + }, ]} kpiItems={[ { value: "500+", label: "Happy Clients" }, -- 2.49.1