Merge version_2 into main #2
149
src/app/page.tsx
149
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
@@ -30,48 +30,41 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bilas Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
<HeroSplitDualMedia
|
||||
title="Look Sharp. Feel Confident."
|
||||
description="Professional haircuts and grooming at prices you'll love — right here in Port Moresby."
|
||||
buttons={[
|
||||
tag="Bilas Studio"
|
||||
rating={5}
|
||||
ratingText="5-star grooming experience"
|
||||
mediaItems={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+67500000000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=1", imageAlt: "Precision haircut"
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=1", imageAlt: "Beard styling"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg?_wi=1"
|
||||
imageAlt="Professional grooming at Bilas Studio"
|
||||
textPosition="center"
|
||||
showDimOverlay={true}
|
||||
mediaAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+67500000000" },
|
||||
{ text: "Book Appointment", href: "#contact" }
|
||||
]}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -82,26 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Men's Haircuts",
|
||||
description: "Professional precision cuts tailored to your style.",
|
||||
tag: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Men's Haircuts", description: "Professional precision cuts tailored to your style.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beard & Grooming",
|
||||
description: "Refined beard trims and hot towel shaves for that sharp look.",
|
||||
tag: "Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Beard & Grooming", description: "Refined beard trims and hot towel shaves for that sharp look.", tag: "Expert", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Eyebrow Styling",
|
||||
description: "Clean, defined brow shaping by our experienced stylists.",
|
||||
tag: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Eyebrow Styling", description: "Clean, defined brow shaping by our experienced stylists.", tag: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=1"},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="Expert care for every look, from precision cuts to refined beard grooming."
|
||||
@@ -127,60 +105,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John D.",
|
||||
date: "Oct 2023",
|
||||
title: "Very satisfied",
|
||||
quote: "I just got a haircut and beard shave here for K30… thoroughly satisfied and will be back.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg?_wi=2",
|
||||
imageAlt: "barber professional haircutting",
|
||||
},
|
||||
id: "t1", name: "John D.", date: "Oct 2023", title: "Very satisfied", quote: "I just got a haircut and beard shave here for K30… thoroughly satisfied and will be back.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg", imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg?_wi=2", imageAlt: "barber professional haircutting"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark P.",
|
||||
date: "Sept 2023",
|
||||
title: "Sharp look",
|
||||
quote: "Best barber in Port Moresby. Always clean, fast, and exactly what I asked for.",
|
||||
tag: "Haircut",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=2",
|
||||
imageAlt: "men haircut barber style",
|
||||
},
|
||||
id: "t2", name: "Mark P.", date: "Sept 2023", title: "Sharp look", quote: "Best barber in Port Moresby. Always clean, fast, and exactly what I asked for.", tag: "Haircut", avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-customer-talking-hair-salon_329181-1940.jpg", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4661.jpg?_wi=2", imageAlt: "men haircut barber style"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah L.",
|
||||
date: "Aug 2023",
|
||||
title: "Friendly service",
|
||||
quote: "My eyebrows were done perfectly. Professional staff and really good vibes in the shop.",
|
||||
tag: "Styling",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=2",
|
||||
imageAlt: "beard trim grooming service",
|
||||
},
|
||||
id: "t3", name: "Sarah L.", date: "Aug 2023", title: "Friendly service", quote: "My eyebrows were done perfectly. Professional staff and really good vibes in the shop.", tag: "Styling", avatarSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985737.jpg?_wi=2", imageAlt: "beard trim grooming service"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris B.",
|
||||
date: "Aug 2023",
|
||||
title: "Great price",
|
||||
quote: "Affordable and reliable service. My go-to studio now for regular grooming.",
|
||||
tag: "Beard",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-dinner_23-2148060527.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=2",
|
||||
imageAlt: "eyebrow styling beauty service",
|
||||
},
|
||||
id: "t4", name: "Chris B.", date: "Aug 2023", title: "Great price", quote: "Affordable and reliable service. My go-to studio now for regular grooming.", tag: "Beard", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-dinner_23-2148060527.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-bride-getting-ready-wedding_23-2149860805.jpg?_wi=2", imageAlt: "eyebrow styling beauty service"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David M.",
|
||||
date: "Nov 2023",
|
||||
title: "Top tier",
|
||||
quote: "Excellent attention to detail. This is the only place I trust with my beard in the city.",
|
||||
tag: "Grooming",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94783.jpg?_wi=2",
|
||||
imageAlt: "barber staff portrait",
|
||||
},
|
||||
id: "t5", name: "David M.", date: "Nov 2023", title: "Top tier", quote: "Excellent attention to detail. This is the only place I trust with my beard in the city.", tag: "Grooming", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-with-dark-hair-smiles-happily-expresses-positive-emotions-dressed-casual-turtleneck-hears-good-nes-isolated-brown-background-glad-meet-old-best-friend_273609-61400.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-standing-with-arm-crossed_107420-94783.jpg?_wi=2", imageAlt: "barber staff portrait"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—join our community of satisfied customers."
|
||||
@@ -190,21 +123,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready for your next look?"
|
||||
description="Book an appointment today and experience the Bilas difference. We’re open Mon–Sat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+67500000000",
|
||||
},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+67500000000" },
|
||||
{ text: "Book Now", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -212,17 +137,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bilas Studio"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2023 Bilas Studio",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2023 Bilas Studio", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user