519 lines
17 KiB
TypeScript
519 lines
17 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Award, Crown, Droplet, Feather, Scissors, Sparkles, Star, UserCheck, Users } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="soft-shadow"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#home",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "#services",
|
||
},
|
||
{
|
||
name: "Gallery",
|
||
id: "#gallery",
|
||
},
|
||
{
|
||
name: "Pricing",
|
||
id: "#pricing",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Apex Trims"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroBillboardRotatedCarousel
|
||
background={{
|
||
variant: "rotated-rays-static-grid",
|
||
}}
|
||
title="Precision Cuts & Classic Shaves"
|
||
description="Experience the finest barbering in Australia. Where tradition meets modern style, delivered with meticulous care."
|
||
buttons={[
|
||
{
|
||
text: "Book Your Appointment",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
carouselItems={[
|
||
{
|
||
id: "1",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10375.jpg?_wi=1",
|
||
imageAlt: "Barber cutting hair",
|
||
},
|
||
{
|
||
id: "2",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-foam-face-barbershop_23-2147737009.jpg?_wi=1",
|
||
imageAlt: "Hot towel shave",
|
||
},
|
||
{
|
||
id: "3",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-walking-with-bicycle-near-coast_23-2148176452.jpg?_wi=1",
|
||
imageAlt: "Barber shop exterior",
|
||
},
|
||
{
|
||
id: "4",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-redhead-male-dressed-blue-suit-sunglasses-dark-grey-background_613910-12043.jpg",
|
||
imageAlt: "Barber at work",
|
||
},
|
||
{
|
||
id: "5",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg",
|
||
imageAlt: "Shaving tools",
|
||
},
|
||
{
|
||
id: "6",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg",
|
||
imageAlt: "Client satisfied",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="Crafting Styles, Building Confidence"
|
||
description="At Apex Trims, we believe a great haircut is more than just a trim – it's an experience. Our skilled barbers are dedicated to providing the highest quality cuts, shaves, and grooming services in a relaxed and welcoming atmosphere. Located in the heart of Australia, we blend traditional techniques with contemporary trends to ensure you always leave looking and feeling your best."
|
||
bulletPoints={[
|
||
{
|
||
title: "Unmatched Expertise",
|
||
description: "Our team consists of highly trained and passionate barbers with years of experience.",
|
||
},
|
||
{
|
||
title: "Premium Products",
|
||
description: "We use only the finest grooming products to ensure a superior finish and healthy hair.",
|
||
},
|
||
{
|
||
title: "Relaxing Environment",
|
||
description: "Step into our comfortable shop and unwind while we take care of your grooming needs.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-brush-beard-trimmer-showing-ok-sign-looking-confident-standing-orange-wall_141793-61260.jpg"
|
||
imageAlt="Barber working on a client's hair"
|
||
mediaAnimation="opacity"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Classic Haircut",
|
||
description: "A timeless cut tailored to your style, completed with a hot lather neck shave and styling.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg",
|
||
imageAlt: "Man getting a classic haircut",
|
||
},
|
||
items: [
|
||
{
|
||
icon: Scissors,
|
||
text: "Expert Styling",
|
||
},
|
||
{
|
||
icon: Brush,
|
||
text: "Precise Fade",
|
||
},
|
||
{
|
||
icon: Droplet,
|
||
text: "Hair Wash",
|
||
},
|
||
],
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10375.jpg?_wi=2",
|
||
imageAlt: "man getting classic haircut barber",
|
||
},
|
||
{
|
||
title: "Hot Towel Shave",
|
||
description: "Indulge in our luxurious hot towel shave, a true barbershop tradition for ultimate relaxation.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg",
|
||
imageAlt: "Man enjoying a hot towel shave",
|
||
},
|
||
items: [
|
||
{
|
||
icon: Thermometer,
|
||
text: "Warm Towels",
|
||
},
|
||
{
|
||
icon: Cream,
|
||
text: "Premium Lather",
|
||
},
|
||
{
|
||
icon: Feather,
|
||
text: "Smooth Finish",
|
||
},
|
||
],
|
||
reverse: true,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-foam-face-barbershop_23-2147737009.jpg?_wi=2",
|
||
imageAlt: "man getting classic haircut barber",
|
||
},
|
||
{
|
||
title: "Beard Trim & Shape",
|
||
description: "Keep your beard looking sharp and well-maintained with our expert trimming and shaping services.",
|
||
media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/barber-cutting-beard-crop-client_23-2147778893.jpg",
|
||
imageAlt: "Barber shaping a beard",
|
||
},
|
||
items: [
|
||
{
|
||
icon: Trim,
|
||
text: "Detail Trimming",
|
||
},
|
||
{
|
||
icon: Comb,
|
||
text: "Sculpting",
|
||
},
|
||
{
|
||
icon: Sparkles,
|
||
text: "Conditioning",
|
||
},
|
||
],
|
||
reverse: false,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-walking-with-bicycle-near-coast_23-2148176452.jpg?_wi=2",
|
||
imageAlt: "man getting classic haircut barber",
|
||
},
|
||
]}
|
||
title="Our Signature Services"
|
||
description="From classic cuts to contemporary styles, we offer a range of services tailored to your needs, performed with precision and care."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<ProductCardThree
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
gridVariant="bento-grid"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "style-1",
|
||
name: "Modern Slick Back",
|
||
price: "From $45",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-sporty-guy-by-window-athlete-posing-near-spacious-windows-gym-sports_78826-3421.jpg",
|
||
imageAlt: "Modern slick back hairstyle",
|
||
},
|
||
{
|
||
id: "style-2",
|
||
name: "Classic Side Part",
|
||
price: "From $40",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-funny-wig_23-2151247552.jpg",
|
||
imageAlt: "Classic side part haircut",
|
||
},
|
||
{
|
||
id: "style-3",
|
||
name: "Textured Crop",
|
||
price: "From $45",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-dark-haired-woman-pink-jacket-leaned-light-brick-wall_197531-17048.jpg",
|
||
imageAlt: "Textured crop haircut",
|
||
},
|
||
{
|
||
id: "style-4",
|
||
name: "Beard & Fade",
|
||
price: "From $60",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4667.jpg",
|
||
imageAlt: "Beard trim and fade",
|
||
},
|
||
{
|
||
id: "style-5",
|
||
name: "Undercut & Volume",
|
||
price: "From $50",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing-studio_23-2149518230.jpg",
|
||
imageAlt: "Undercut with volume",
|
||
},
|
||
{
|
||
id: "style-6",
|
||
name: "Natural Flow",
|
||
price: "From $55",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2150226072.jpg",
|
||
imageAlt: "Medium length natural flow",
|
||
},
|
||
]}
|
||
title="Our Latest Styles"
|
||
description="Showcasing some of our recent transformations and popular cuts that define modern male grooming."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardOne
|
||
animationType="depth-3d"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
plans={[
|
||
{
|
||
id: "basic-cut",
|
||
badge: "Standard",
|
||
badgeIcon: Sparkles,
|
||
price: "$40",
|
||
subtitle: "The essential refresh",
|
||
features: [
|
||
"Precision Haircut",
|
||
"Hot Lather Neck Shave",
|
||
"Styling Product Finish",
|
||
],
|
||
},
|
||
{
|
||
id: "full-service",
|
||
badge: "Popular",
|
||
badgeIcon: Star,
|
||
price: "$75",
|
||
subtitle: "The complete grooming experience",
|
||
features: [
|
||
"Precision Haircut",
|
||
"Classic Hot Towel Shave",
|
||
"Beard Trim & Shape",
|
||
"Styling & Conditioning",
|
||
],
|
||
},
|
||
{
|
||
id: "premium-grooming",
|
||
badge: "Premium",
|
||
badgeIcon: Crown,
|
||
price: "$95",
|
||
subtitle: "Ultimate care and relaxation",
|
||
features: [
|
||
"Deluxe Haircut & Design",
|
||
"Luxurious Hot Towel Shave",
|
||
"Custom Beard Sculpting",
|
||
"Facial Steam & Massage",
|
||
],
|
||
},
|
||
]}
|
||
title="Transparent Pricing"
|
||
description="Quality grooming doesn't have to break the bank. Explore our competitive service packages designed for every need."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardOne
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "exp",
|
||
value: "15+",
|
||
title: "Years of Experience",
|
||
description: "Our seasoned barbers bring decades of collective experience.",
|
||
icon: Award,
|
||
},
|
||
{
|
||
id: "clients",
|
||
value: "5000+",
|
||
title: "Satisfied Clients",
|
||
description: "Thousands of happy customers trust us with their look.",
|
||
icon: Users,
|
||
},
|
||
{
|
||
id: "experts",
|
||
value: "7",
|
||
title: "Expert Barbers",
|
||
description: "A dedicated team of master barbers passionate about their craft.",
|
||
icon: UserCheck,
|
||
},
|
||
]}
|
||
title="Why Choose Apex Trims?"
|
||
description="Our commitment to excellence is reflected in every detail. Discover what sets us apart."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Liam C.",
|
||
handle: "@liam.c_cuts",
|
||
testimonial: "Best barber shop in Sydney! Always leave with a perfect fade and a fresh feeling. The attention to detail is superb.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||
imageAlt: "Liam C.",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Noah G.",
|
||
handle: "@noah_groomed",
|
||
testimonial: "The hot towel shave is a game-changer. Pure relaxation and a perfectly smooth finish every time. Highly recommended!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing-round-sunglasses_158538-5341.jpg",
|
||
imageAlt: "Noah G.",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Ethan P.",
|
||
handle: "@ethan.stylez",
|
||
testimonial: "My go-to place for beard trims. They always get the shape just right, and the atmosphere is always welcoming.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-vintage-atmosphere_1153-8501.jpg",
|
||
imageAlt: "Ethan P.",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Mason K.",
|
||
handle: "@masonk_official",
|
||
testimonial: "Professional service and friendly staff. They really listen to what you want and deliver exceptional results. Couldn't be happier!",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-gray-haired-businesswoman-standing-with-folded-hands-portrait-confident-young-pretty-female-office-employer-suit-posing-work-smiling-business-company-management-concept_74855-7763.jpg",
|
||
imageAlt: "Mason K.",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Lucas R.",
|
||
handle: "@lucas.razor",
|
||
testimonial: "Apex Trims is where I get the best cuts. They maintain consistency and quality. The online booking is super easy too.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/excited-handsome-blonde-man-looking-front-isolated-pink-wall_141793-66230.jpg",
|
||
imageAlt: "Lucas R.",
|
||
},
|
||
]}
|
||
title="What Our Clients Say"
|
||
description="Hear directly from our loyal customers about their experience at Apex Trims."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
tag="Ready for a Fresh Look?"
|
||
title="Book Your Appointment Today!"
|
||
description="Get in touch with us to schedule your next premium grooming session. We look forward to seeing you at Apex Trims."
|
||
buttons={[
|
||
{
|
||
text: "Call Us Now",
|
||
href: "tel:+61-123-456-789",
|
||
},
|
||
{
|
||
text: "Email Us",
|
||
href: "mailto:info@apextrims.au",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/green-traffic-light-city_23-2148242228.jpg"
|
||
imageAlt="Barber shop exterior at night"
|
||
logoText="Apex Trims"
|
||
columns={[
|
||
{
|
||
title: "About Us",
|
||
items: [
|
||
{
|
||
label: "Our Story",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Our Team",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Careers",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Services",
|
||
items: [
|
||
{
|
||
label: "Haircuts",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Shaves",
|
||
href: "#services",
|
||
},
|
||
{
|
||
label: "Beard Trims",
|
||
href: "#services",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Support",
|
||
items: [
|
||
{
|
||
label: "Contact",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "FAQs",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Book Online",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Apex Trims. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|