Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 26a9901a6a | |||
| 31a88818d9 | |||
| 64e8bcd6b8 | |||
| eb7d632c6e | |||
| 020aca714b | |||
| 54740d00c8 | |||
| d80fb69d24 |
@@ -2,169 +2,72 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Users, Scissors, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact & Booking", id: "/contact-booking" }
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{ text: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-story" data-section="about-story">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Our Team",
|
||||
role: "Master Stylists",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-puppy-bag-outdoors_23-2150565420.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Atmosphere",
|
||||
role: "Welcoming Community",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Expertise",
|
||||
role: "Dedicated Listeners",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-curly-european-tanned-woman-holds-happy-pet-dog-pomeranian-spitz_343596-1459.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Story"
|
||||
description="A family-owned institution in Alpharetta serving our community with master-level grooming for over 15 years."
|
||||
/>
|
||||
</div>
|
||||
<div id="about-split" data-section="about-split">
|
||||
<SplitAbout
|
||||
tag="Our Story"
|
||||
title="Over 15 Years of Craftsmanship"
|
||||
description="Founded on the principles of community, family, and precision, Gentlemens HQ has been a staple in Alpharetta since our doors first opened. We believe that a haircut is more than just a service—it's a ritual of care and connection."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-cutting-hair-client_23-2148733221.jpg"
|
||||
imagePosition="left"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Family Owned & Operated", description: "Rooted in tradition, our shop is a true family endeavor serving our local community with heart.", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Alpharetta Roots", description: "Deeply connected to our home, we're proud to serve the gentlemen of Alpharetta, GA for over a decade and a half.", icon: MapPin
|
||||
},
|
||||
{
|
||||
title: "Professional Expertise", description: "Our team of master barbers and stylists brings a wealth of experience and precision to every chair.", icon: Scissors
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Community Focus"
|
||||
description="Serving Alpharetta with pride."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "2000+",
|
||||
title: "Happy Neighbors",
|
||||
items: [
|
||||
"Local families",
|
||||
"Community support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5",
|
||||
title: "Stars Average",
|
||||
items: [
|
||||
"Top tier reviews",
|
||||
"Consistent feedback",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "5155 Atlanta Hwy #9",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Alpharetta, GA 30004",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(770) 562-7668",
|
||||
href: "tel:7705627668",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Information", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact-booking" }] },
|
||||
{ title: "Location", items: [{ label: "5155 Atlanta Hwy #9", href: "#" }, { label: "Alpharetta, GA 30004", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(770) 562-7668", href: "tel:7705627668" }, { label: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" }] },
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
59
src/app/contact-booking/page.tsx
Normal file
59
src/app/contact-booking/page.tsx
Normal file
@@ -0,0 +1,59 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function ContactBookingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="blurBottom"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact & Booking", id: "/contact-booking" },
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{ text: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<ContactSplit
|
||||
title="Send us a message"
|
||||
description="Have questions? Reach out to our team via phone at (770) 562-7668 or leave us a message below."
|
||||
tag="Contact"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Information", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact-booking" }] },
|
||||
{ title: "Location", items: [{ label: "5155 Atlanta Hwy #9", href: "#" }, { label: "Alpharetta, GA 30004", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(770) 562-7668", href: "tel:7705627668" }, { label: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" }] },
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -22,163 +21,50 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{
|
||||
text: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-grid" data-section="gallery-grid">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fades & Tapers",
|
||||
price: "Sharp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-half-face-portrait-afro-american-man_171337-1295.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Womens Styling",
|
||||
price: "Elegant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-with-short-dark-hair_158538-8465.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Kids Haircuts",
|
||||
price: "Fun",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-female-barber-wearing-glasses-uniform-holding-combs-looking-camera-applying-hair-spray-her-own-hair-isolated-olive-green-background_141793-137891.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Hot Towel Shave",
|
||||
price: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-client-having-his-beard-groomed-close-up_23-2148353416.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Confidence",
|
||||
price: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-girl-chair-hairdresser_23-2147769814.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Expert Team",
|
||||
price: "Master",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924090.jpg",
|
||||
},
|
||||
]}
|
||||
title="Gallery"
|
||||
description="A look into our style and professionalism."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwentyFour
|
||||
title="Our Gallery"
|
||||
description="Explore our premium barbershop interiors, skilled barbers at work, and our signature cuts and styles."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Interior", author: "Modern Vibes", description: "High-end professional barbershop environment.", tags: ["Interior", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/barbershop-interior-with-chairs-mirrors_23-2148506366.jpg" },
|
||||
{ id: "2", title: "Barber Work", author: "Master Craft", description: "Precise techniques in action.", tags: ["Expertise", "Craft"], imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-hair-customer-barbershop_23-2148506371.jpg" },
|
||||
{ id: "3", title: "Sharp Fades", author: "Signature Look", description: "Clean, modern fade styles.", tags: ["Fade", "Style"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224304.jpg" },
|
||||
{ id: "4", title: "Beard Trims", author: "Grooming", description: "Expert beard shaping and maintenance.", tags: ["Beard", "Grooming"], imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-beard-trim-barbershop_23-2148506385.jpg" },
|
||||
{ id: "5", title: "Women's Styling", author: "Salon Services", description: "Professional styling for women.", tags: ["Women's", "Style"], imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg" },
|
||||
{ id: "6", title: "Kids Haircuts", author: "Family Friendly", description: "Specialized cuts for the little ones.", tags: ["Kids", "Friendly"], imageSrc: "http://img.b2bpic.net/free-photo/little-boy-getting-haircut-barbershop_23-2148506399.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Styles & Looks"
|
||||
description="Browse our latest work from the shop."
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Sharp Fade",
|
||||
price: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Beard Groom",
|
||||
price: "Sharp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-beard-after-grooming-close-up_23-2148353466.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "5155 Atlanta Hwy #9",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Alpharetta, GA 30004",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(770) 562-7668",
|
||||
href: "tel:7705627668",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Information", items: [{ label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Location", items: [{ label: "5155 Atlanta Hwy #9", href: "#" }, { label: "Alpharetta, GA 30004", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(770) 562-7668", href: "tel:7705627668" }, { label: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" }] }
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
198
src/app/page.tsx
198
src/app/page.tsx
@@ -29,47 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact & Booking", id: "/contact-booking" },
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
}}
|
||||
text: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Gentlemens HQ"
|
||||
description="Alpharetta's premier grooming destination. Delivering confidence, craftsmanship, and professional care for over 15 years."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
},
|
||||
{ text: "Book Your Appointment", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-hairdresser-washing-hair-blonde_23-2147769799.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -81,21 +59,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Excellence",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Family Owned",
|
||||
value: "Community",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Expert Techniques",
|
||||
value: "Mastery",
|
||||
},
|
||||
{ icon: Award, label: "Years of Excellence", value: "15+" },
|
||||
{ icon: Users, label: "Family Owned", value: "Community" },
|
||||
{ icon: Star, label: "Expert Techniques", value: "Mastery" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,149 +73,23 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ray Drummond",
|
||||
handle: "5 Stars",
|
||||
testimonial: "Been coming here for 20 years since they opened, amazing people all especially Angela who is always upbeat and gives a superb haircut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2900.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ryan Carter",
|
||||
handle: "5 Stars",
|
||||
testimonial: "I have been going here for over 2 years. I have seen 3 different barbers and all were great. Everyone is friendly and professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jacob Dodd",
|
||||
handle: "5 Stars",
|
||||
testimonial: "Madisyn is awesome. She has been cutting my son and myself for several months. Would highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-portrait-man-getting-haircut_23-2148224304.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Antonio",
|
||||
handle: "5 Stars",
|
||||
testimonial: "They are very friendly and make you feel like family the moment you enter. The southern hospitality brings a smile to all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Scheller",
|
||||
handle: "5 Stars",
|
||||
testimonial: "I love these folks. They provide first rate hair service and a most welcoming environment. No waiting in line!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ray Drummond", handle: "5 Stars", testimonial: "Been coming here for 20 years since they opened, amazing people all especially Angela who is always upbeat and gives a superb haircut.", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2900.jpg" },
|
||||
{ id: "2", name: "Ryan Carter", handle: "5 Stars", testimonial: "I have been going here for over 2 years. I have seen 3 different barbers and all were great. Everyone is friendly and professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg" },
|
||||
{ id: "3", name: "Jacob Dodd", handle: "5 Stars", testimonial: "Madisyn is awesome. She has been cutting my son and myself for several months. Would highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sideways-portrait-man-getting-haircut_23-2148224304.jpg" },
|
||||
{ id: "4", name: "Antonio", handle: "5 Stars", testimonial: "They are very friendly and make you feel like family the moment you enter. The southern hospitality brings a smile to all.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg" },
|
||||
{ id: "5", name: "Mark Scheller", handle: "5 Stars", testimonial: "I love these folks. They provide first rate hair service and a most welcoming environment. No waiting in line!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Building trust and family atmosphere for over 15 years."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Approach"
|
||||
description="Three pillars of our grooming philosophy."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Trust",
|
||||
title: "Proven Excellence",
|
||||
items: [
|
||||
"Consistent results",
|
||||
"Professional staff",
|
||||
"15 years experience",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Style",
|
||||
title: "Modern Techniques",
|
||||
items: [
|
||||
"Current trends",
|
||||
"Expert precision",
|
||||
"Premium products",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Care",
|
||||
title: "Family Friendly",
|
||||
items: [
|
||||
"Welcoming atmosphere",
|
||||
"Whole family care",
|
||||
"Individual attention",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready for a refresh?"
|
||||
description="Experience premium grooming service tailored to your style."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "5155 Atlanta Hwy #9",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Alpharetta, GA 30004",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(770) 562-7668",
|
||||
href: "tel:7705627668",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Information", items: [{ label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Location", items: [{ label: "5155 Atlanta Hwy #9", href: "#" }, { label: "Alpharetta, GA 30004", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(770) 562-7668", href: "tel:7705627668" }, { label: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" }] },
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
|
||||
@@ -2,12 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -22,147 +21,43 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-list" data-section="services-list">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Classic and modern scissor cuts for all ages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1421.jpg",
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trims and professional line-ups.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-shirtless-beard-male-grey-background_613910-15666.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "Classic luxury hot towel shave experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg",
|
||||
},
|
||||
]}
|
||||
title="Professional Services"
|
||||
description="Precision styling for the whole family."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Service Highlights"
|
||||
description="What makes our services stand out."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"Top rated service",
|
||||
"Careful listening",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Active",
|
||||
items: [
|
||||
"Local institution",
|
||||
"Proven history",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "5155 Atlanta Hwy #9",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Alpharetta, GA 30004",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(770) 562-7668",
|
||||
href: "tel:7705627668",
|
||||
},
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
</div>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Gentlemens HQ"
|
||||
button={{
|
||||
text: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N"}}
|
||||
/>
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Services"
|
||||
description="Expert grooming tailored to your style."
|
||||
features={[
|
||||
{ id: "1", label: "Cuts", title: "Precision Scissor Cuts", items: ["Master stylist consultation", "Expert shaping and texturizing", "Scalp conditioning wash"] },
|
||||
{ id: "2", label: "Fades", title: "Fades and Tapers", items: ["Customized skin fades", "Seamless taper blends", "Line-up and detailing"] },
|
||||
{ id: "3", label: "Classic", title: "Classic Gentleman Cuts", items: ["Timeless aesthetic design", "Precision machine and shear work", "Style finish"] },
|
||||
{ id: "4", label: "Beard", title: "Beard Trims", items: ["Line cleaning", "Beard shaping", "Conditioning treatment"] },
|
||||
{ id: "5", label: "Kids", title: "Kids Cuts", items: ["Patient and fun environment", "Gentle techniques", "Kid-friendly styling"] },
|
||||
{ id: "6", label: "Shave", title: "Hot Towel Shaves", items: ["Relaxing hot towel treatment", "Premium lather and shave", "Post-shave soothing care"] },
|
||||
{ id: "7", label: "Health", title: "Hair Health Consultations", items: ["Scalp analysis", "Hair maintenance advice", "Product recommendations"] }
|
||||
]}
|
||||
/>
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Information", items: [{ label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ title: "Location", items: [{ label: "5155 Atlanta Hwy #9", href: "#" }, { label: "Alpharetta, GA 30004", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(770) 562-7668", href: "tel:7705627668" }, { label: "Book Now", href: "https://app.squareup.com/appointments/buyer/widget/5ll7uiams0fu51/L5ATHJ9JYCH5N" }] },
|
||||
]}
|
||||
logoText="Gentlemens HQ"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user