Merge version_1 into main #1
116
src/app/page.tsx
116
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
@@ -17,27 +18,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TopCuts"
|
||||
/>
|
||||
@@ -49,9 +45,7 @@ export default function LandingPage() {
|
||||
description="Experience the ultimate grooming experience at TopCuts Barber Shop. Skilled artisans, classic techniques, and modern precision for the discerning gentleman."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cat-s-gentle-paw_23-2151943824.jpg"
|
||||
showDimOverlay={true}
|
||||
@@ -74,22 +68,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cut",
|
||||
description: "Classic and modern styling with razor-sharp precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Precision Cut", description: "Classic and modern styling with razor-sharp precision.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Signature Beard Trim",
|
||||
description: "Expertly shaped and lined up for the perfect look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323118.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Signature Beard Trim", description: "Expertly shaped and lined up for the perfect look.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323118.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "A relaxing, old-school ritual for a smooth, irritation-free finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-skincare-routine_23-2151308627.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Hot Towel Shave", description: "A relaxing, old-school ritual for a smooth, irritation-free finish.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-skincare-routine_23-2151308627.jpg", buttonIcon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -105,23 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-with-crossed-arms-dressed-yellow-plaid-shirt_613910-1818.jpg",
|
||||
},
|
||||
id: "1", name: "James R.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-with-crossed-arms-dressed-yellow-plaid-shirt_613910-1818.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus D.",
|
||||
role: "Head Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232223.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus D.", role: "Head Stylist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232223.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Leo K.",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-combs-hair-spray-looking-side-isolated-pink-wall-with-copy-space_141793-109744.jpg",
|
||||
},
|
||||
id: "3", name: "Leo K.", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-barber-wearing-uniform-holding-combs-hair-spray-looking-side-isolated-pink-wall-with-copy-space_141793-109744.jpg"},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Our team of dedicated professionals brings years of experience and passion to every chair."
|
||||
@@ -135,51 +108,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665398.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "CEO", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665398.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael S.",
|
||||
role: "Architect",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
|
||||
},
|
||||
id: "2", name: "Michael S.", role: "Architect", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
role: "Manager",
|
||||
company: "Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627217.jpg",
|
||||
},
|
||||
id: "3", name: "David W.", role: "Manager", company: "Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washing-pet-dog-home_23-2149627217.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Paul B.",
|
||||
role: "Designer",
|
||||
company: "Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg",
|
||||
},
|
||||
id: "4", name: "Paul B.", role: "Designer", company: "Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-neodymium-magnet-phenomenon_23-2148253601.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
value: "10k+", label: "Satisfied Clients"},
|
||||
{
|
||||
value: "15",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15", label: "Years Experience"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "5.0", label: "Avg Rating"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of satisfied gentlemen who trust TopCuts with their look."
|
||||
@@ -190,8 +137,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="TopCuts"
|
||||
title="Book Your Seat"
|
||||
description="Ready to get the best cut of your life? Book your appointment today."
|
||||
|
||||
Reference in New Issue
Block a user