bender/5ca9486f-48ee-4477-bde5-985286da1dd9
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:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
dc64ce1693 Update src/app/layout.tsx 2026-03-09 22:10:41 +00:00
bender
55a0cb2c94 Update src/app/layout.tsx 2026-03-09 22:09:10 +00:00
bender
08340deca5 Update src/app/layout.tsx 2026-03-09 22:05:28 +00:00
bender
f8162e8301 Update src/app/page.tsx 2026-03-09 22:04:31 +00:00
bender
254fdbd202 Update src/app/layout.tsx 2026-03-09 22:04:30 +00:00
bender
e8656490e5 Merge version_1 into main 
Merge version_1 into main
 2026-03-09 21:32:43 +00:00
2 changed files with 127 additions and 56 deletions
Expand all files Collapse all files

155
src/app/layout.tsx
View File

@@ -1,58 +1,130 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const geist = Geist({
variable: "--font-halant", subsets: ["latin"], variable: "--font-geist-sans", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const geistMono = Geist_Mono({
variable: "--font-inter", subsets: ["latin"], variable: "--font-geist-mono", subsets: ["latin"],
});
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Florida Fadez Barbershop | Fort Lauderdale Fade Haircuts & Grooming", description: "Premium barbershop in Fort Lauderdale offering professional fade haircuts, beard grooming, and lineups. 4.8★ rated. Book online or call +1 561-466-6306.", keywords: "Fort Lauderdale barbershop, fade haircuts, barber near me, beard grooming, professional barber, hair styling, gateway shopping center", metadataBase: new URL("https://floridafadez.com"), title: "Florida Fadez - Fort Lauderdale Barbershop", description: "Premium barbershop offering precision fades, clean cuts, and professional grooming at Gateway Shopping Center in Fort Lauderdale."};
alternates: {
canonical: "https://floridafadez.com"
},
openGraph: {
title: "Florida Fadez Barbershop | Premium Fades & Fresh Cuts in Fort Lauderdale", description: "Experience premium barbershop culture at Florida Fadez. Professional fades, sharp lineups, expert beard grooming. Gateway Shopping Center. 4.8★ rated.", type: "website", siteName: "Florida Fadez Barbershop", url: "https://floridafadez.com", images: [
{
url: "https://floridafadez.com/og-image.jpg", alt: "Florida Fadez Barbershop - Premium Fades & Fresh Cuts"
}
]
},
twitter: {
card: "summary_large_image", title: "Florida Fadez Barbershop | Fort Lauderdale", description: "Premium barbershop fades, beard grooming, and professional cuts. Book now: +1 561-466-6306", images: ["https://floridafadez.com/twitter-image.jpg"]
},
robots: {
index: true,
follow: true
}
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <body className={`${geist.variable} ${geistMono.variable}`}>
<body {children}
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`} <script>
> {`
<Tag /> const style = document.createElement('style');
{children} style.textContent = \`
@keyframes barberPole {
0% {
background-position: 0% 0%;
}
100% {
background-position: 200% 0%;
}
}
.barber-pole-loading {
background: linear-gradient(
45deg,
var(--primary-cta) 25%,
var(--card) 25%,
var(--card) 50%,
var(--primary-cta) 50%,
var(--primary-cta) 75%,
var(--card) 75%,
var(--card)
);
background-size: 40px 40px;
animation: barberPole 3s linear infinite;
}
@keyframes fadeInSmooth {
from {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideUpElegant {
from {
opacity: 0;
transform: translateY(24px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes scaleInSoft {
from {
opacity: 0;
transform: scale(0.96);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes revealBlurSmooth {
from {
opacity: 0;
filter: blur(8px);
}
to {
opacity: 1;
filter: blur(0);
}
}
[data-animation="fade-in"] {
animation: fadeInSmooth 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
[data-animation="slide-up"] {
animation: slideUpElegant 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
[data-animation="scale-in"] {
animation: scaleInSoft 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
[data-animation="reveal-blur"] {
animation: revealBlurSmooth 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
[data-stagger="true"] > * {
animation-fill-mode: both;
}
[data-stagger="true"] > *:nth-child(1) { animation-delay: 0.05s; }
[data-stagger="true"] > *:nth-child(2) { animation-delay: 0.1s; }
[data-stagger="true"] > *:nth-child(3) { animation-delay: 0.15s; }
[data-stagger="true"] > *:nth-child(4) { animation-delay: 0.2s; }
[data-stagger="true"] > *:nth-child(5) { animation-delay: 0.25s; }
[data-stagger="true"] > *:nth-child(6) { animation-delay: 0.3s; }
[data-stagger="true"] > *:nth-child(n+7) { animation-delay: 0.35s; }
\`;
document.head.appendChild(style);
`}
</script>
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
@@ -1421,7 +1493,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

24
src/app/page.tsx
View File

@@ -40,7 +40,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero" data-animation="fade-in">
<HeroCentered <HeroCentered
title="Fort Lauderdale's #1 Barbershop for Clean Fades & Fresh Cuts" title="Fort Lauderdale's #1 Barbershop for Clean Fades & Fresh Cuts"
description="Precision fades, sharp lineups, and professional grooming in the heart of Fort Lauderdale. Experience premium barbershop culture at Gateway Shopping Center." description="Precision fades, sharp lineups, and professional grooming in the heart of Fort Lauderdale. Experience premium barbershop culture at Gateway Shopping Center."
@@ -66,7 +66,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="socialproof" data-section="socialproof"> <div id="socialproof" data-section="socialproof" data-animation="slide-up">
<SocialProofOne <SocialProofOne
title="Why Clients Choose Florida Fadez" title="Why Clients Choose Florida Fadez"
description="Join over 62 satisfied customers who trust us with their grooming needs" description="Join over 62 satisfied customers who trust us with their grooming needs"
@@ -83,7 +83,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="services" data-section="services"> <div id="services" data-section="services" data-animation="slide-up" data-stagger="true">
<ProductCardOne <ProductCardOne
title="Our Premium Barbershop Services" title="Our Premium Barbershop Services"
description="Precision cuts and grooming services tailored to your style. Every service performed by experienced professionals." description="Precision cuts and grooming services tailored to your style. Every service performed by experienced professionals."
@@ -117,7 +117,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="whyus" data-section="whyus"> <div id="whyus" data-section="whyus" data-animation="reveal-blur">
<TextAbout <TextAbout
tag="Why Choose Florida Fadez" tag="Why Choose Florida Fadez"
tagIcon={undefined} tagIcon={undefined}
@@ -132,7 +132,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="team" data-section="team"> <div id="team" data-section="team" data-animation="slide-up" data-stagger="true">
<TeamCardTwo <TeamCardTwo
title="Meet Our Expert Barbers" title="Meet Our Expert Barbers"
description="Meet the talented professionals behind Florida Fadez. Each barber brings years of experience and passion for precision grooming." description="Meet the talented professionals behind Florida Fadez. Each barber brings years of experience and passion for precision grooming."
@@ -165,14 +165,14 @@ export default function LandingPage() {
} }
]} ]}
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
animationType="slide-up" animationType="scale-rotate"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
ariaLabel="Meet the Florida Fadez barber team" ariaLabel="Meet the Florida Fadez barber team"
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials" data-animation="slide-up" data-stagger="true">
<TestimonialCardTwo <TestimonialCardTwo
title="What Our Clients Say" title="What Our Clients Say"
description="Real reviews from satisfied customers who trust Florida Fadez with their grooming" description="Real reviews from satisfied customers who trust Florida Fadez with their grooming"
@@ -198,14 +198,14 @@ export default function LandingPage() {
id: "6", name: "Robert Jackson", role: "Referral Customer", testimonial: "My friend recommended Florida Fadez and I'm so glad he did. Best barbers in the area. Quality work every single time. Five stars all day!", imageSrc: "http://img.b2bpic.net/free-photo/group-therapy-session-with-sticky-notes_23-2148856270.jpg", imageAlt: "Robert Jackson testimonial" id: "6", name: "Robert Jackson", role: "Referral Customer", testimonial: "My friend recommended Florida Fadez and I'm so glad he did. Best barbers in the area. Quality work every single time. Five stars all day!", imageSrc: "http://img.b2bpic.net/free-photo/group-therapy-session-with-sticky-notes_23-2148856270.jpg", imageAlt: "Robert Jackson testimonial"
} }
]} ]}
animationType="slide-up" animationType="depth-3d"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
ariaLabel="Customer testimonials for Florida Fadez Barbershop" ariaLabel="Customer testimonials for Florida Fadez Barbershop"
/> />
</div> </div>
<div id="booking" data-section="booking"> <div id="booking" data-section="booking" data-animation="scale-in">
<ContactText <ContactText
text="Ready for Your Fresh Cut? Book your appointment today at Florida Fadez. Call now or schedule online for the premium barbershop experience in Fort Lauderdale." text="Ready for Your Fresh Cut? Book your appointment today at Florida Fadez. Call now or schedule online for the premium barbershop experience in Fort Lauderdale."
animationType="background-highlight" animationType="background-highlight"
@@ -219,7 +219,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact" data-animation="slide-up" data-stagger="true">
<MetricCardEleven <MetricCardEleven
title="Visit Florida Fadez" title="Visit Florida Fadez"
description="Located in the heart of Fort Lauderdale at Gateway Shopping Center. Open daily with convenient hours for your schedule." description="Located in the heart of Fort Lauderdale at Gateway Shopping Center. Open daily with convenient hours for your schedule."
@@ -236,14 +236,14 @@ export default function LandingPage() {
id: "3", value: "Easy Booking", title: "+1 561-466-6306", description: "Call to schedule or inquire about services", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205857.jpg", imageAlt: "Professional barbershop chairs" id: "3", value: "Easy Booking", title: "+1 561-466-6306", description: "Call to schedule or inquire about services", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205857.jpg", imageAlt: "Professional barbershop chairs"
} }
]} ]}
animationType="slide-up" animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
ariaLabel="Contact information and location for Florida Fadez" ariaLabel="Contact information and location for Florida Fadez"
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer" data-animation="fade-in">
<FooterMedia <FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186469.jpg" imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186469.jpg"
imageAlt="Premium barbershop atmosphere at Florida Fadez" imageAlt="Premium barbershop atmosphere at Florida Fadez"