184 lines
10 KiB
TypeScript
184 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Check, Heart, Scissors, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Top Gun Cuts"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Location", id: "location" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Sharp Cuts. Clean Style."
|
|
description="Your Go-To Barbershop in Biloxi. Professional haircuts and grooming services in a relaxed, welcoming environment."
|
|
background={{ variant: "plain" }}
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg", alt: "Top Gun Cuts Barbershop" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Book Now", href: "contact" },
|
|
{ text: "Call +1 228-224-3114", href: "tel:+12282243114" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Top Gun Cuts Barbershop Hero Section"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Services"
|
|
description="Premium barbershop services tailored to your style. From classic cuts to modern fades, we deliver quality results every time."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Classic", title: "Haircuts", subtitle: "Timeless styles with precision cuts", description: "Our barbers deliver sharp, clean haircuts tailored to your preferences. Whether you want a classic trim or a modern style, we ensure every cut is precise and professional.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Popular", title: "Skin Fades", subtitle: "Sharp fades with smooth blending", description: "Experience the ultimate fade technique. We specialize in clean skin fades with seamless blending that showcase precision craftsmanship and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Grooming", title: "Beard Trims", subtitle: "Expert beard shaping and maintenance", description: "Keep your beard looking sharp and well-groomed. Our barbers trim and shape your facial hair with expertise, leaving you looking polished and refined.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Detail Work", title: "Lineups", subtitle: "Clean edges and precise detailing", description: "Get perfectly crisp lineups with our expert edge work. We pay meticulous attention to every detail, ensuring clean lines and a sharp, finished look.", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-sharpening-his-knives_23-2148763170.jpg"
|
|
},
|
|
{
|
|
id: 5,
|
|
tag: "Family", title: "Kids Cuts", subtitle: "Friendly, professional cuts for kids", description: "Bring your young ones in for a fresh cut in a relaxed, welcoming environment. Our barbers are experienced with children and create a comfortable experience.", imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-scissors-is-cutting-little-boy-against-dark-background-contented-cute-preschooler-boy-getting-haircut_613910-19719.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why Choose Top Gun Cuts?"
|
|
description="Top Gun Cuts Barbershop delivers clean, consistent cuts in a relaxed, professional environment. Whether you want a sharp fade or a classic trim, you'll leave looking your best. We combine skill, precision, and customer service to create an exceptional barbershop experience."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{ title: "Expert Barbers", description: "Skilled professionals with years of experience delivering quality cuts", icon: Scissors },
|
|
{ title: "Premium Service", description: "Professional attention to detail in every haircut and grooming service", icon: Star },
|
|
{ title: "Welcoming Atmosphere", description: "Relaxed, comfortable environment where all customers feel valued", icon: Heart },
|
|
{ title: "Quality Results", description: "Consistent, sharp cuts that leave you looking sharp and confident", icon: Check }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg"
|
|
imageAlt="Top Gun Cuts Barbershop Interior"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{ id: "1", name: "Marcus Johnson", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Marcus Johnson" },
|
|
{ id: "2", name: "David Williams", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "David Williams" },
|
|
{ id: "3", name: "James Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "James Rodriguez" },
|
|
{ id: "4", name: "Christopher Lee", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Christopher Lee" },
|
|
{ id: "5", name: "Anthony Chen", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", imageAlt: "Anthony Chen" }
|
|
]}
|
|
cardTitle="Best barbershop in Biloxi. Great atmosphere, even better cuts. Highly recommended!"
|
|
cardTag="Trusted by hundreds of satisfied customers"
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactText
|
|
text="Visit Top Gun Cuts Barbershop | 1670F Pass Rd, Biloxi, MS 39531 | Located in Commerce Court Shopping Center | Open Daily at 8:00 AM | Call +1 228-224-3114"
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.google.com/?q=1670F+Pass+Rd,+Biloxi,+MS+39531" },
|
|
{ text: "Call Now", href: "tel:+12282243114" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for a Fresh Cut? Book your appointment or call us today to schedule your visit to Top Gun Cuts Barbershop."
|
|
animationType="reveal-blur"
|
|
buttons={[
|
|
{ text: "Book Appointment", href: "contact" },
|
|
{ text: "Call Now", href: "tel:+12282243114" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Top Gun Cuts"
|
|
copyrightText="© 2025 Top Gun Cuts Barbershop. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Haircuts", href: "#services" },
|
|
{ label: "Skin Fades", href: "#services" },
|
|
{ label: "Beard Trims", href: "#services" },
|
|
{ label: "Lineups", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Location", href: "#location" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +1 228-224-3114", href: "tel:+12282243114" },
|
|
{ label: "1670F Pass Rd, Biloxi, MS 39531", href: "https://maps.google.com/?q=1670F+Pass+Rd,+Biloxi,+MS+39531" },
|
|
{ label: "Open Daily at 8:00 AM", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|