Update src/app/page.tsx
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Saifin Sakset"
|
||||
/>
|
||||
@@ -56,102 +41,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sharp Cuts. Real Craft."
|
||||
description="Premium grooming in the heart of Imatra. Experience precision, style, and a welcoming atmosphere built on mastery."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "294",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
{
|
||||
value: "LGBTI+",
|
||||
label: "Inclusive Shop",
|
||||
},
|
||||
{ value: "4.9", label: "Google Rating" },
|
||||
{ value: "294", label: "Google Reviews" },
|
||||
{ value: "LGBTI+", label: "Inclusive Shop" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "tel:+358452511787" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-hair-blurred-man_23-2147778921.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Trim"
|
||||
metrics={[
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Precision",
|
||||
value: "Mastery",
|
||||
},
|
||||
{
|
||||
icon: Music,
|
||||
label: "Atmosphere",
|
||||
value: "Soul",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Welcome",
|
||||
value: "Inclusive",
|
||||
},
|
||||
{ icon: Scissors, label: "Precision", value: "Mastery" },
|
||||
{ icon: Music, label: "Atmosphere", value: "Soul" },
|
||||
{ icon: Users, label: "Welcome", value: "Inclusive" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -163,21 +75,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Haircut",
|
||||
description: "Precision haircutting with professional tools and styling products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Beard Trim",
|
||||
description: "Hot towel treatment and meticulous beard shaping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Full Service",
|
||||
description: "A complete groom combining haircut, beard work, and facial treatment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=3",
|
||||
},
|
||||
{ title: "Classic Haircut", description: "Precision haircutting with professional tools and styling products.", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=1" },
|
||||
{ title: "Beard Trim", description: "Hot towel treatment and meticulous beard shaping.", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=2" },
|
||||
{ title: "Full Service", description: "A complete groom combining haircut, beard work, and facial treatment.", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=3" },
|
||||
]}
|
||||
title="Services"
|
||||
description="Tailored grooming for the modern gentleman."
|
||||
@@ -187,50 +87,11 @@ export default function LandingPage() {
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ben Perera",
|
||||
role: "Customer",
|
||||
company: "Google Review",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emils Trumpekojs",
|
||||
role: "Customer",
|
||||
company: "Google Review",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ilya Duisberg",
|
||||
role: "Customer",
|
||||
company: "Google Review",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-trousers-fashion-male-posing-street-background-europe-city-sunset-sunglasses_158538-22382.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Satisfied Patron",
|
||||
role: "Regular",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Happy Guest",
|
||||
role: "Visitor",
|
||||
company: "Reviewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Ben Perera", role: "Customer", company: "Google Review", rating: 5 },
|
||||
{ id: "2", name: "Emils Trumpekojs", role: "Customer", company: "Google Review", rating: 5 },
|
||||
{ id: "3", name: "Ilya Duisberg", role: "Customer", company: "Google Review", rating: 5 },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Join our community of satisfied customers in Imatra."
|
||||
@@ -239,17 +100,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready for a fresh look?"
|
||||
description="Find us at Jukankatu, 55100 Imatra. Call 045 3465559 to book your appointment. Mon-Fri opening hours."
|
||||
tag="Contact Us"
|
||||
title="Book Your Appointment"
|
||||
description="Find us at Jukankatu, 55100 Imatra. Call +358 45 251 1787 to book your time. Open Mon-Fri."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/japan-street-with-man-bicycle_23-2148942936.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
buttonText="Book Now"
|
||||
buttonText="Call to Book"
|
||||
onSubmit={(email) => window.location.href = 'tel:+358452511787'}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -262,4 +118,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user