bender/987feab5-1d32-4ebb-af89-42084f71e79f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

13 Commits
version_1 ... main

Author SHA1 Message Date
bender
3a478e31cb Merge version_3 into main 
Merge version_3 into main
 2026-03-04 13:52:49 +00:00
bender
ea3e3c7138 Update src/app/page.tsx 2026-03-04 13:52:45 +00:00
bender
f51a7399e6 Merge version_3 into main 
Merge version_3 into main
 2026-03-04 13:51:02 +00:00
bender
4245ac668e Update src/app/page.tsx 2026-03-04 13:50:57 +00:00
bender
36512b0062 Update src/app/layout.tsx 2026-03-04 13:50:57 +00:00
bender
6470481942 Merge version_2 into main 
Merge version_2 into main
 2026-03-04 13:36:51 +00:00
bender
ad7bb6af5c Update src/app/page.tsx 2026-03-04 13:36:47 +00:00
bender
5f6991ee7d Merge version_2 into main 
Merge version_2 into main
 2026-03-04 13:35:40 +00:00
bender
382ba02949 Update src/app/page.tsx 2026-03-04 13:35:35 +00:00
bender
fb65e0fa6b Update src/app/layout.tsx 2026-03-04 13:35:35 +00:00
bender
e917a910ff Merge version_1 into main 
Merge version_1 into main
 2026-03-04 13:32:42 +00:00
bender
119e1927af Merge version_1 into main 
Merge version_1 into main
 2026-03-04 13:31:27 +00:00
bender
b7b829dc90 Merge version_1 into main 
Merge version_1 into main
 2026-03-04 13:30:02 +00:00
2 changed files with 77 additions and 68 deletions
Expand all files Collapse all files

53
src/app/layout.tsx
View File

@@ -1,59 +1,21 @@
import type { Metadata } from "next";
import { Manrope } from "next/font/google";
import { DM_Sans } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Top Gun Cuts Barbershop - Biloxi", description: "Professional barbershop in Biloxi, MS offering quality haircuts, fades, beard trims, and grooming services. Located at Commerce Court Shopping Center.", keywords: "barbershop Biloxi MS, haircuts near me, barber, professional haircut, skin fades, beard trim, men's grooming", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Top Gun Cuts Barbershop - Biloxi", description: "Premium barbershop offering sharp cuts and professional grooming in Biloxi", type: "website", siteName: "Top Gun Cuts", url: "https://topguncuts.com", images: [
{
url: "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"},
],
},
twitter: {
card: "summary_large_image", title: "Top Gun Cuts Barbershop - Biloxi", description: "Professional haircuts and grooming services in Biloxi, MS", images: ["http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg"],
},
title: "Top Gun Cuts Barbershop", description: "Professional barbershop services in Biloxi, MS"
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${manrope.variable} ${dmSans.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1421,7 +1383,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

92
src/app/page.tsx
View File

@@ -6,9 +6,9 @@ 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 TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Check, Heart, Scissors, Star } from "lucide-react";
import { Check, Heart, Scissors, Star, MapPin, Phone, Clock } from "lucide-react";
export default function LandingPage() {
return (
@@ -44,7 +44,7 @@ export default function LandingPage() {
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" }
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyT8Uv8EUI9Idnl1ucUBNYsjm/uploaded-1772631302508-2ttafaxx.png", alt: "Top Gun Cuts Barbershop Interior" }
]}
buttons={[
{ text: "Book Now", href: "contact" },
@@ -64,23 +64,23 @@ export default function LandingPage() {
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"
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyT8Uv8EUI9Idnl1ucUBNYsjm/uploaded-1772631302508-2ttafaxx.png?_wi=1"
},
{
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"
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyT8Uv8EUI9Idnl1ucUBNYsjm/uploaded-1772631302508-2ttafaxx.png?_wi=2"
},
{
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"
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyT8Uv8EUI9Idnl1ucUBNYsjm/uploaded-1772631302508-2ttafaxx.png?_wi=3"
},
{
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"
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyT8Uv8EUI9Idnl1ucUBNYsjm/uploaded-1772631302508-2ttafaxx.png?_wi=4"
},
{
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"
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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyT8Uv8EUI9Idnl1ucUBNYsjm/uploaded-1772631302508-2ttafaxx.png?_wi=5"
}
]}
/>
@@ -98,7 +98,7 @@ export default function LandingPage() {
{ 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"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ATyT8Uv8EUI9Idnl1ucUBNYsjm/uploaded-1772631302508-2ttafaxx.png?_wi=6"
imageAlt="Top Gun Cuts Barbershop Interior"
mediaAnimation="slide-up"
imagePosition="right"
@@ -122,28 +122,76 @@ export default function LandingPage() {
</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"
<TeamCardEleven
title="Visit Top Gun Cuts Barbershop"
description="Find us at our convenient location in Commerce Court Shopping Center. Stop by anytime during our business hours."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
groups={[
{
id: "address", groupTitle: "Address", members: [
{
id: "1", title: "1670F Pass Road", subtitle: "Biloxi, MS 39531", detail: "Commerce Court Shopping Center", imageSrc: ""
}
]
},
{
id: "phone", groupTitle: "Phone", members: [
{
id: "2", title: "+1 228-224-3114", subtitle: "Call us to book", detail: "Available during business hours", imageSrc: ""
}
]
},
{
id: "hours", groupTitle: "Hours", members: [
{
id: "3", title: "Open Daily", subtitle: "8:00 AM onwards", detail: "Your convenience is our priority", imageSrc: ""
}
]
}
]}
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"
<TeamCardEleven
title="Ready for a Fresh Cut?"
description="Book your appointment or reach out to us. We're excited to help you look your best."
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
groups={[
{
id: "booking", groupTitle: "Book Online", members: [
{
id: "1", title: "Schedule Your Visit", subtitle: "Quick and easy booking", detail: "Reserve your preferred time slot", imageSrc: ""
}
]
},
{
id: "phone-contact", groupTitle: "Call Us", members: [
{
id: "2", title: "+1 228-224-3114", subtitle: "Direct phone line", detail: "Speak with our team in real-time", imageSrc: ""
}
]
},
{
id: "visit", groupTitle: "Walk-Ins Welcome", members: [
{
id: "3", title: "Stop by anytime", subtitle: "No appointment needed", detail: "Experience our service firsthand", imageSrc: ""
}
]
}
]}
buttons={[
{ text: "Book Appointment", href: "contact" },
{ text: "Book Appointment", href: "#contact" },
{ text: "Call Now", href: "tel:+12282243114" }
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -171,7 +219,7 @@ export default function LandingPage() {
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: "#" }
{ label: "Open Daily at 8:00 AM", href: "#location" }
]
}
]}
@@ -179,4 +227,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}