Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Clock, MessageSquare, Star } from "lucide-react";
|
||||
import { Award, Clock, MessageSquare, Star, Scissors, Zap, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="441 BARBERSHOP"
|
||||
/>
|
||||
@@ -58,74 +46,23 @@ export default function LandingPage() {
|
||||
title="Sharp Cuts. Clean Confidence. Miami’s Finest Barbershop."
|
||||
description="5.0 Rated | Premium grooming experience at 441 Barbershop LLC"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@m_rock",
|
||||
testimonial: "Chill ppl, great service and excellent prices!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94766.jpg",
|
||||
},
|
||||
{
|
||||
name: "David L.",
|
||||
handle: "@d_styles",
|
||||
testimonial: "Great customer service and on time scheduling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jalen T.",
|
||||
handle: "@j_fresh",
|
||||
testimonial: "The service is amazing the vibe was great I love it!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-suglasses-looks-up-sunny-sky_8353-197.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike P.",
|
||||
handle: "@mp_cuts",
|
||||
testimonial: "Best fade in Miami, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex S.",
|
||||
handle: "@alex_style",
|
||||
testimonial: "Very professional and friendly atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
|
||||
},
|
||||
{ name: "Marcus R.", handle: "@m_rock", testimonial: "Chill ppl, great service and excellent prices!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94766.jpg" },
|
||||
{ name: "David L.", handle: "@d_styles", testimonial: "Great customer service and on time scheduling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
|
||||
{ name: "Jalen T.", handle: "@j_fresh", testimonial: "The service is amazing the vibe was great I love it!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-suglasses-looks-up-sunny-sky_8353-197.jpg" },
|
||||
{ name: "Mike P.", handle: "@mp_cuts", testimonial: "Best fade in Miami, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg" },
|
||||
{ name: "Alex S.", handle: "@alex_style", testimonial: "Very professional and friendly atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:3055020430",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:3055020430" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8202.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-office-coworking_171337-17642.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-smiling-young-man-sitting-office-coworking_171337-17642.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3552.jpg", alt: "Client 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,30 +72,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts & Fades",
|
||||
description: "Precision fades and custom cuts by elite barbers.",
|
||||
buttonIcon: "Scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizon-blanket-checkered-retro-nobody_1258-131.jpg",
|
||||
},
|
||||
{
|
||||
title: "Beard Trim & Conditioning",
|
||||
description: "Expert beard shaping, trim, and conditioning treatments.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shaves",
|
||||
description: "A classic hot towel shave experience for ultimate relaxation.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg",
|
||||
},
|
||||
{
|
||||
title: "Kids & Custom Styles",
|
||||
description: "Style for the whole family with precision grooming.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/striped-black-white-surface-good_181624-7182.jpg",
|
||||
},
|
||||
{ title: "Haircuts & Fades", description: "Precision fades and custom cuts by elite barbers.", buttonIcon: Scissors, imageSrc: "http://img.b2bpic.net/free-photo/horizon-blanket-checkered-retro-nobody_1258-131.jpg" },
|
||||
{ title: "Beard Trim & Conditioning", description: "Expert beard shaping, trim, and conditioning treatments.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985723.jpg" },
|
||||
{ title: "Hot Towel Shaves", description: "A classic hot towel shave experience for ultimate relaxation.", buttonIcon: Sparkles, imageSrc: "http://img.b2bpic.net/free-photo/tools-shaving-beard-desk_23-2148181852.jpg" },
|
||||
{ title: "Kids & Custom Styles", description: "Style for the whole family with precision grooming.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/striped-black-white-surface-good_181624-7182.jpg" }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming solutions tailored for the modern gentleman."
|
||||
@@ -185,26 +102,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Jalen T."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-backpack-his-back_158595-3453.jpg",
|
||||
alt: "Jalen T.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4336.jpg",
|
||||
alt: "Client A",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg",
|
||||
alt: "Client B",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair_273609-14399.jpg",
|
||||
alt: "Client C",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-amusement-park_23-2147910411.jpg",
|
||||
alt: "Client D",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-backpack-his-back_158595-3453.jpg", alt: "Jalen T." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4336.jpg", alt: "Client A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-against-blue-wall_23-2148184859.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-brunette-woman-with-curly-hair_273609-14399.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-amusement-park_23-2147910411.jpg", alt: "Client D" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -218,27 +120,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
title: "Star Rating",
|
||||
description: "Client satisfaction",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "21+",
|
||||
title: "Google Reviews",
|
||||
description: "Real feedback",
|
||||
icon: MessageSquare,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Daily",
|
||||
title: "Open Until 10PM",
|
||||
description: "Flexible hours",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "5.0", title: "Star Rating", description: "Client satisfaction", icon: Star },
|
||||
{ id: "m2", value: "21+", title: "Google Reviews", description: "Real feedback", icon: MessageSquare },
|
||||
{ id: "m3", value: "Daily", title: "Open Until 10PM", description: "Flexible hours", icon: Clock }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak for themselves."
|
||||
@@ -249,21 +133,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment to ensure you get your preferred slot.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open daily until 10PM.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 20310 NW 2nd Ave, Miami Gardens, FL 33169.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure you get your preferred slot." },
|
||||
{ id: "f2", title: "What are your operating hours?", content: "We are open daily until 10PM." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located at 20310 NW 2nd Ave, Miami Gardens, FL 33169." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need help or have questions about booking?"
|
||||
@@ -279,21 +151,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Ready for your best look?"
|
||||
description="Join the elite 441 Barbershop community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Schedule Appointment Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Fresh Cut"
|
||||
description="20310 NW 2nd Ave, Miami Gardens, FL 33169. Call (305) 502-0430 to secure your spot today."
|
||||
@@ -307,35 +172,18 @@ export default function LandingPage() {
|
||||
logoText="441 BARBERSHOP"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Reviews", href: "#reviews" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "(305) 502-0430",
|
||||
href: "tel:3055020430",
|
||||
},
|
||||
{
|
||||
label: "Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "(305) 502-0430", href: "tel:3055020430" },
|
||||
{ label: "Directions", href: "https://maps.google.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 441 Barbershop LLC"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user