Merge version_1 into main #2
177
src/app/page.tsx
177
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Scissors, Sparkles, User } from "lucide-react";
|
||||
import { Scissors, Sparkles, User, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,22 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="InBarber"
|
||||
/>
|
||||
@@ -53,42 +42,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="PRECISION. STYLE. CONFIDENCE."
|
||||
description="Premium barbering in Finland. Clean fades, sharp lines, no compromises."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "View Services", href: "#services" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=1",
|
||||
imageAlt: "Barber precision lineup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-sitting-chair-barber-shop_1304-3729.jpg?_wi=1",
|
||||
imageAlt: "Fade haircut details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=1",
|
||||
imageAlt: "Professional barber tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506240.jpg?_wi=1",
|
||||
imageAlt: "Beard trim precision",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18410.jpg?_wi=1",
|
||||
imageAlt: "Luxury barber studio",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg", imageAlt: "Barber precision lineup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/groom-sitting-chair-barber-shop_1304-3729.jpg", imageAlt: "Fade haircut details" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg", imageAlt: "Professional barber tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506240.jpg", imageAlt: "Beard trim precision" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18410.jpg", imageAlt: "Luxury barber studio" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -98,15 +61,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Consistent results",
|
||||
"Fast service",
|
||||
"Expert craft",
|
||||
"Premium quality",
|
||||
"Reliable scheduling",
|
||||
"Modern style",
|
||||
"Customer focus",
|
||||
]}
|
||||
names={["Consistent results", "Fast service", "Expert craft", "Premium quality", "Reliable scheduling", "Modern style", "Customer focus"]}
|
||||
title="Trusted by Men Who Value Quality"
|
||||
description="Join thousands of satisfied clients who prioritize their appearance."
|
||||
/>
|
||||
@@ -118,38 +73,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fade Cut",
|
||||
description: "Sharp, modern fades tailored to your look.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=2",
|
||||
imageAlt: "luxury barber shop straight razor",
|
||||
},
|
||||
{
|
||||
title: "Classic Cut",
|
||||
description: "Timeless styles executed with precision.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-sitting-chair-barber-shop_1304-3729.jpg?_wi=2",
|
||||
imageAlt: "modern fade haircut",
|
||||
},
|
||||
{
|
||||
title: "Beard Trim",
|
||||
description: "Clean shaping that elevates your presence.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg?_wi=2",
|
||||
imageAlt: "classic men haircut",
|
||||
},
|
||||
{
|
||||
title: "Full Grooming",
|
||||
description: "Hair + beard for a complete transformation.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-shaving-his-beard_23-2148506240.jpg?_wi=2",
|
||||
imageAlt: "beard trim service",
|
||||
},
|
||||
{ title: "Fade Cut", description: "Sharp, modern fades tailored to your look.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Classic Cut", description: "Timeless styles executed with precision.", bentoComponent: "reveal-icon", icon: User },
|
||||
{ title: "Beard Trim", description: "Clean shaping that elevates your presence.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "Full Grooming", description: "Hair + beard for a complete transformation.", bentoComponent: "reveal-icon", icon: Sparkles }
|
||||
]}
|
||||
title="Services That Define Your Style"
|
||||
description="Expert grooming tailored to your identity."
|
||||
@@ -162,20 +89,11 @@ export default function LandingPage() {
|
||||
title="Why Clients Keep Coming Back"
|
||||
description="InBarber was built on one principle: Every man deserves to look sharp without wasting time. We bring precision and efficiency to every chair."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Minutes saved per cut",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Sharp cuts completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction guaranteed",
|
||||
},
|
||||
{ value: "15+", title: "Minutes saved per cut" },
|
||||
{ value: "5000+", title: "Sharp cuts completed" },
|
||||
{ value: "100%", title: "Satisfaction guaranteed" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18410.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18410.jpg"
|
||||
imageAlt="Professional barber in shop"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -186,31 +104,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-12752.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-after-bath-mancare-studio_633478-287.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-shirtless-man-smiling_23-2148696669.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-man-dark-blue-shirt-posing-grey-background-studio_613910-12752.jpg" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-after-bath-mancare-studio_633478-287.jpg" },
|
||||
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg" },
|
||||
{ id: "5", name: "Alex Smith", imageSrc: "http://img.b2bpic.net/free-photo/side-view-handsome-shirtless-man-smiling_23-2148696669.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardAnimation="blur-reveal"
|
||||
@@ -221,32 +119,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="GET SHARP"
|
||||
title="Look Sharp. Feel Confident."
|
||||
description="Book your appointment online and skip the wait. We are ready when you are."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Appointment Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="INBARBER"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Book Now", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user