Merge version_1 into main #2
153
src/app/page.tsx
153
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jacas Barber + Shop"
|
||||
/>
|
||||
@@ -58,31 +48,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Moss Park's Premier Grooming Experience"
|
||||
description="Experience precision cuts and premium grooming at Jacas Barber + Shop. Where classic technique meets modern style."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=1",
|
||||
imageAlt: "Professional Barber Setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", imageAlt: "Professional Barber Setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151501013.jpg",
|
||||
imageAlt: "Barber Precision Styling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151501013.jpg", imageAlt: "Barber Precision Styling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg",
|
||||
imageAlt: "Shop Atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-scissors-his-right-hand_23-2148298352.jpg", imageAlt: "Shop Atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg",
|
||||
imageAlt: "Modern grooming station",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205854.jpg", imageAlt: "Modern grooming station"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg?_wi=1",
|
||||
imageAlt: "Barber in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg", imageAlt: "Barber in action"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,9 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Jacas Difference"
|
||||
description={[
|
||||
"Located in the heart of Moss Park, Jacas Barber + Shop provides more than just a cut. We cultivate a community space defined by expert craftsmanship and genuine connections.",
|
||||
"Our stylists are masters of both traditional barber techniques and contemporary trends, ensuring you leave our chair feeling confident and refreshed every time.",
|
||||
]}
|
||||
"Located in the heart of Moss Park, Jacas Barber + Shop provides more than just a cut. We cultivate a community space defined by expert craftsmanship and genuine connections.", "Our stylists are masters of both traditional barber techniques and contemporary trends, ensuring you leave our chair feeling confident and refreshed every time."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,29 +84,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Cuts",
|
||||
description: "Customized haircuts tailored to your facial structure and personal style preferences.",
|
||||
},
|
||||
title: "Precision Cuts", description: "Customized haircuts tailored to your facial structure and personal style preferences."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shaves",
|
||||
description: "Experience the classic indulgence of a straight-razor shave with premium products and hot towels.",
|
||||
},
|
||||
title: "Hot Towel Shaves", description: "Experience the classic indulgence of a straight-razor shave with premium products and hot towels."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Beard Grooming",
|
||||
description: "Expert trimming, shaping, and conditioning to maintain a sharp, clean-cut beard profile.",
|
||||
},
|
||||
title: "Beard Grooming", description: "Expert trimming, shaping, and conditioning to maintain a sharp, clean-cut beard profile."},
|
||||
{
|
||||
icon: Sun,
|
||||
title: "Scalp Treatments",
|
||||
description: "Invigorating treatments designed to soothe the scalp and promote healthy hair growth.",
|
||||
},
|
||||
title: "Scalp Treatments", description: "Invigorating treatments designed to soothe the scalp and promote healthy hair growth."},
|
||||
{
|
||||
icon: User,
|
||||
title: "Style Consultation",
|
||||
description: "Professional advice to help you discover the perfect look for your professional and social life.",
|
||||
},
|
||||
title: "Style Consultation", description: "Professional advice to help you discover the perfect look for your professional and social life."},
|
||||
]}
|
||||
title="Mastery in Grooming"
|
||||
description="Dedicated to excellence in every detail of your appearance."
|
||||
@@ -143,33 +110,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "main",
|
||||
groupTitle: "Lead Stylists",
|
||||
members: [
|
||||
id: "main", groupTitle: "Lead Stylists", members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Julian",
|
||||
subtitle: "Master Barber",
|
||||
detail: "15+ years experience in classic styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Julian", subtitle: "Master Barber", detail: "15+ years experience in classic styling.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Marcus",
|
||||
subtitle: "Precision Stylist",
|
||||
detail: "Expert in modern fades and beard work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-veterinarian-examining-cat-ear-infection-with-otoscope-vet-clinic_613910-21634.jpg",
|
||||
},
|
||||
id: "2", title: "Marcus", subtitle: "Precision Stylist", detail: "Expert in modern fades and beard work.", imageSrc: "http://img.b2bpic.net/free-photo/male-veterinarian-examining-cat-ear-infection-with-otoscope-vet-clinic_613910-21634.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sofia",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "Specialist in razor cuts and textures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-cheerful-attractive-young-bald-unshaven-man-with-ginger-beard-with-happy-joyful-confident-facial-expression-crossing-arms-his-chest-being-proud-himself_343059-1671.jpg",
|
||||
},
|
||||
id: "3", title: "Sofia", subtitle: "Senior Stylist", detail: "Specialist in razor cuts and textures.", imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-cheerful-attractive-young-bald-unshaven-man-with-ginger-beard-with-happy-joyful-confident-facial-expression-crossing-arms-his-chest-being-proud-himself_343059-1671.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=2",
|
||||
imageAlt: "modern barber shop interior",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Barbers"
|
||||
@@ -183,45 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best cut in the city",
|
||||
quote: "I have been coming here for a year. The atmosphere is top notch and the cuts are always perfect.",
|
||||
name: "Alex R.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-shaving-his-beard_23-2148506242.jpg",
|
||||
},
|
||||
id: "1", title: "Best cut in the city", quote: "I have been coming here for a year. The atmosphere is top notch and the cuts are always perfect.", name: "Alex R.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-shaving-his-beard_23-2148506242.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Professional and clean",
|
||||
quote: "Finally found a barber who understands exactly what I want. Highly recommend for any guy.",
|
||||
name: "Jordan P.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg",
|
||||
},
|
||||
id: "2", title: "Professional and clean", quote: "Finally found a barber who understands exactly what I want. Highly recommend for any guy.", name: "Jordan P.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395751.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Consistent results",
|
||||
quote: "The service is always consistent and the hospitality is amazing. Jacas is a staple in Moss Park.",
|
||||
name: "Marcus T.",
|
||||
role: "Graphic Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg",
|
||||
},
|
||||
id: "3", title: "Consistent results", quote: "The service is always consistent and the hospitality is amazing. Jacas is a staple in Moss Park.", name: "Marcus T.", role: "Graphic Designer", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Expert shaving",
|
||||
quote: "Best hot towel shave I've had in a long time. They treat you like royalty.",
|
||||
name: "David W.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-gorgeous-girl-clothing-store-boutique-casual-clothes_627829-9088.jpg",
|
||||
},
|
||||
id: "4", title: "Expert shaving", quote: "Best hot towel shave I've had in a long time. They treat you like royalty.", name: "David W.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/brunette-gorgeous-girl-clothing-store-boutique-casual-clothes_627829-9088.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Warm atmosphere",
|
||||
quote: "You don't just get a hair cut here, you feel welcome. The team is genuinely passionate about their craft.",
|
||||
name: "Leo C.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-sporty-muscular-middle-age-male-with-shaved-chest_613910-1892.jpg",
|
||||
},
|
||||
id: "5", title: "Warm atmosphere", quote: "You don't just get a hair cut here, you feel welcome. The team is genuinely passionate about their craft.", name: "Leo C.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/positive-sporty-muscular-middle-age-male-with-shaved-chest_613910-1892.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our neighbors in Moss Park have to say."
|
||||
@@ -232,14 +150,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to elevate your grooming standards? Walk-ins are always welcome, or book your appointment online to secure your preferred slot."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book an Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -251,19 +166,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user