Merge version_1 into main #2
268
src/app/page.tsx
268
src/app/page.tsx
@@ -31,91 +31,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="SALON ALSAWARI"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Grooming at SALON ALSAWARI"
|
||||
description="Experience the ultimate grooming journey with our expert barbers. We specialize in classic cuts, modern styles, and premium beard care tailored just for you."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-barber-client-preparing-treatment_23-2147737010.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-barber-client-preparing-treatment_23-2147737010.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", alt: "Client" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "View Services", href: "#services" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Styles",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Barbers",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Signature Shaves",
|
||||
},
|
||||
{ type: "text", text: "Premium Grooming" },
|
||||
{ type: "text", text: "Classic Styles" },
|
||||
{ type: "text", text: "Modern Cuts" },
|
||||
{ type: "text", text: "Expert Barbers" },
|
||||
{ type: "text", text: "Signature Shaves" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,8 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Every Cut"
|
||||
description={[
|
||||
"At SALON ALSAWARI, we blend tradition with modern artistry. Our barbers are trained to provide a sanctuary where you can relax and refine your look.",
|
||||
"We use only premium products, ensuring every haircut or shave meets our standard of excellence. Your satisfaction is our signature.",
|
||||
"At SALON ALSAWARI, we blend tradition with modern artistry. Our barbers are trained to provide a sanctuary where you can relax and refine your look.", "We use only premium products, ensuring every haircut or shave meets our standard of excellence. Your satisfaction is our signature."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,23 +85,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Shave",
|
||||
description: "Hot towel shave with premium oils for a smooth, refreshing result.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg?_wi=1",
|
||||
imageAlt: "Service",
|
||||
title: "Signature Shave", description: "Hot towel shave with premium oils for a smooth, refreshing result.", imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg", imageAlt: "Service"
|
||||
},
|
||||
{
|
||||
title: "Beard Sculpting",
|
||||
description: "Precision trimming and styling to perfectly shape your beard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg",
|
||||
imageAlt: "Service",
|
||||
title: "Beard Sculpting", description: "Precision trimming and styling to perfectly shape your beard.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg", imageAlt: "Service"
|
||||
},
|
||||
{
|
||||
title: "Classic Cut",
|
||||
description: "Expert haircutting personalized to fit your unique facial features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg",
|
||||
imageAlt: "Service",
|
||||
},
|
||||
title: "Classic Cut", description: "Expert haircutting personalized to fit your unique facial features.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506369.jpg", imageAlt: "Service"
|
||||
}
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="From classic shaves to cutting-edge fades, our services are designed to elevate your personal style."
|
||||
@@ -168,53 +106,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Classic Cut",
|
||||
price: "$30",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Haircut",
|
||||
"Style",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
|
||||
imageAlt: "barbershop interior luxury",
|
||||
id: "basic", title: "Classic Cut", price: "$30", period: "per session", features: ["Consultation", "Haircut", "Style"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", imageAlt: "barbershop interior luxury"
|
||||
},
|
||||
{
|
||||
id: "shave",
|
||||
title: "Premium Shave",
|
||||
price: "$25",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Hot Towel",
|
||||
"Shave",
|
||||
"Aftershave Balm",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg",
|
||||
imageAlt: "barbershop interior luxury",
|
||||
id: "shave", title: "Premium Shave", price: "$25", period: "per session", features: ["Hot Towel", "Shave", "Aftershave Balm"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg", imageAlt: "barbershop interior luxury"
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
title: "Full Experience",
|
||||
price: "$50",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Cut & Shave",
|
||||
"Beard Trim",
|
||||
"Consultation",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg?_wi=2",
|
||||
imageAlt: "barbershop interior luxury",
|
||||
},
|
||||
id: "full", title: "Full Experience", price: "$50", period: "per session", features: ["Cut & Shave", "Beard Trim", "Consultation"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-close-up_23-2148353407.jpg", imageAlt: "barbershop interior luxury"
|
||||
}
|
||||
]}
|
||||
title="Pricing Packages"
|
||||
description="Transparent pricing for high-quality grooming services."
|
||||
@@ -224,32 +129,13 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardTag="Review"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg" },
|
||||
{ id: "2", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg" },
|
||||
{ id: "3", name: "Sam K.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg" },
|
||||
{ id: "4", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" },
|
||||
{ id: "5", name: "Tom P.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-kitchen-holding-cute-white-maltese-dog_1153-9862.jpg" }
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardAnimation="slide-up"
|
||||
@@ -261,13 +147,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GroomingCo",
|
||||
"StyleMasters",
|
||||
"PrecisionTools",
|
||||
"BarberSupply",
|
||||
"SharpEdge",
|
||||
"ClassicCare",
|
||||
"MasterFade",
|
||||
"GroomingCo", "StyleMasters", "PrecisionTools", "BarberSupply", "SharpEdge", "ClassicCare", "MasterFade"
|
||||
]}
|
||||
title="Trusted by Men of Style"
|
||||
description="We partner with top-tier grooming and style brands."
|
||||
@@ -279,21 +159,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to book?",
|
||||
content: "While we welcome walk-ins, booking an appointment is recommended to guarantee your time slot.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods?",
|
||||
content: "We accept cash, credit cards, and digital wallet payments.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does it take?",
|
||||
content: "A standard haircut typically takes 30-45 minutes depending on the complexity.",
|
||||
},
|
||||
{ id: "1", title: "Do I need to book?", content: "While we welcome walk-ins, booking an appointment is recommended to guarantee your time slot." },
|
||||
{ id: "2", title: "What payment methods?", content: "We accept cash, credit cards, and digital wallet payments." },
|
||||
{ id: "3", title: "How long does it take?", content: "A standard haircut typically takes 30-45 minutes depending on the complexity." }
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Everything you need to know about your appointment."
|
||||
@@ -304,18 +172,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a fresh look?"
|
||||
description="Book your appointment today at SALON ALSAWARI."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -323,35 +184,18 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Booking", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="SALON ALSAWARI"
|
||||
copyrightText="© 2025 SALON ALSAWARI. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user