Merge version_1 into main #2
@@ -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"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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" },
|
||||
|
||||
Reference in New Issue
Block a user