Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-23 05:18:35 +00:00

View File

@@ -18,74 +18,44 @@ export default function LandingPage() {
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Overview",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Overview", id: "about" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Quality Stylz"
button={{ text: "Book Now", href: "tel:4045435971" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Experience Quality Grooming"
description="At Quality Stylz, we deliver professional cuts in an atmosphere designed for your comfort. Open 24 hours to fit your schedule."
buttons={[
{
text: "Call Now",
href: "tel:4045435971",
},
{
text: "Get Directions",
href: "#contact",
},
{ text: "Call Now", href: "tel:4045435971" },
{ text: "Get Directions", href: "#contact" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg",
imageAlt: "Barber shop interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
imageAlt: "Professional haircut",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg",
imageAlt: "Barber cutting hair",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
imageAlt: "Grooming chair",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
imageAlt: "Shop atmosphere",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/customer-showing-magazine-barber_23-2147737099.jpg",
imageAlt: "Quality service",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462516.jpg", imageAlt: "Barber shop interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg", imageAlt: "Professional haircut" },
{ imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg", imageAlt: "Barber cutting hair" },
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", imageAlt: "Grooming chair" },
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Shop atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-showing-magazine-barber_23-2147737099.jpg", imageAlt: "Quality service" },
]}
/>
</div>
@@ -94,22 +64,10 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Quality Stylz is your go-to destination in Atlanta for premium grooming.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg",
alt: "About our shop",
},
]}
buttons={[
{
text: "Book Now",
href: "tel:4045435971",
},
{ type: "text", content: "Quality Stylz is your go-to destination in Atlanta for premium grooming." },
{ type: "image", src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg", alt: "About our shop" },
]}
buttons={[{ text: "Book Now", href: "tel:4045435971" }]}
/>
</div>
@@ -120,27 +78,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Standard Haircut",
description: "Classic and modern precision cuts.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg",
buttonText: "View Info",
},
{
title: "Haircut with Beard",
description: "Full grooming experience with beard sculpting.",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205875.jpg",
buttonText: "View Info",
},
{
title: "Kids Grooming",
description: "Kid-friendly and patience-first services.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg",
buttonText: "View Info",
},
{ title: "Standard Haircut", description: "Classic and modern precision cuts.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crop-barber-shaving-hair-unrecognizable-man_23-2147778749.jpg", buttonText: "View Info" },
{ title: "Haircut with Beard", description: "Full grooming experience with beard sculpting.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205875.jpg", buttonText: "View Info" },
{ title: "Kids Grooming", description: "Kid-friendly and patience-first services.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205897.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg", buttonText: "View Info" },
]}
title="Our Professional Services"
description="Expert grooming services tailored to your style."
@@ -153,21 +93,9 @@ export default function LandingPage() {
title="Our Achievements"
tag="Quality First"
metrics={[
{
id: "m1",
value: "5.0",
description: "Star Rating",
},
{
id: "m2",
value: "24/7",
description: "Always Open",
},
{
id: "m3",
value: "9+",
description: "Verified Reviews",
},
{ id: "m1", value: "5.0", description: "Star Rating" },
{ id: "m2", value: "24/7", description: "Always Open" },
{ id: "m3", value: "9+", description: "Verified Reviews" },
]}
metricsAnimation="slide-up"
/>
@@ -177,31 +105,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Client One",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
},
{
id: "2",
name: "Client Two",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-owner-holding-cute-dog_23-2149143856.jpg",
},
{
id: "3",
name: "Client Three",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-hair-client_23-2147778788.jpg",
},
{
id: "4",
name: "Client Four",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg",
},
{
id: "5",
name: "Client Five",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg",
},
{ id: "1", name: "Client One", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg" },
{ id: "2", name: "Client Two", imageSrc: "http://img.b2bpic.net/free-photo/close-up-owner-holding-cute-dog_23-2149143856.jpg" },
{ id: "3", name: "Client Three", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-hair-client_23-2147778788.jpg" },
{ id: "4", name: "Client Four", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-barber-shop_23-2147839825.jpg" },
{ id: "5", name: "Client Five", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hipster-male-with-stylish-haircut-sits-chair-hairdresser-s-salon_613910-13412.jpg" },
]}
cardTitle="Client Reviews"
cardTag="Trusted Service"
@@ -214,21 +122,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Are you open 24/7?",
content: "Yes, we operate 24 hours a day to accommodate any schedule.",
},
{
id: "q2",
title: "Do you accept walk-ins?",
content: "Yes, we welcome walk-ins at all times.",
},
{
id: "q3",
title: "Where are you located?",
content: "We are located at 612 S Central Ave, Atlanta, GA 30354.",
},
{ id: "q1", title: "Are you open 24/7?", content: "Yes, we operate 24 hours a day to accommodate any schedule." },
{ id: "q2", title: "Do you accept walk-ins?", content: "Yes, we welcome walk-ins at all times." },
{ id: "q3", title: "Where are you located?", content: "We are located at 612 S Central Ave, Atlanta, GA 30354." },
]}
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-blue-soft-color-background_140725-155107.jpg"
mediaAnimation="slide-up"
@@ -241,9 +137,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact"
title="Visit or Call Us"
description="612 S Central Ave, Atlanta, GA | (404) 543-5971"
@@ -253,14 +147,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Quality Stylz"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>