Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles, Scissors, Clock, User, Shield, Zap, Star, Target, Check } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
@@ -30,49 +31,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Cut"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Elite Cut Barbershop"
|
||||
description="Where precision meets style. Your premier destination for world-class grooming, fades, and classic shaves."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairstyle-tools-arrangement-top-view_23-2149552385.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairstyle-tools-arrangement-top-view_23-2149552385.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,20 +63,11 @@ export default function LandingPage() {
|
||||
title="Mastering the Art of Grooming"
|
||||
description="With over 10 years of experience, Elite Cut is dedicated to providing high-end grooming services in a comfortable and professional environment. Our barbers are trained in the latest techniques and dedicated to perfection."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Stylists",
|
||||
description: "Trained professionals focused on detail and precision.",
|
||||
},
|
||||
{
|
||||
title: "Modern Environment",
|
||||
description: "Relax in our clean, modern, and friendly salon space.",
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We only use top-tier products for your skin and hair care.",
|
||||
},
|
||||
{ title: "Expert Stylists", description: "Trained professionals focused on detail and precision.", icon: User },
|
||||
{ title: "Modern Environment", description: "Relax in our clean, modern, and friendly salon space.", icon: Shield },
|
||||
{ title: "Premium Products", description: "We only use top-tier products for your skin and hair care.", icon: Star },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -109,67 +79,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Fades",
|
||||
description: "Precision fades executed with razor-sharp attention to detail.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg",
|
||||
},
|
||||
title: "Classic Fades", description: "Precision fades executed with razor-sharp attention to detail.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Skin Fades",
|
||||
},
|
||||
{
|
||||
text: "Taper Fades",
|
||||
},
|
||||
{
|
||||
text: "Shadow Fades",
|
||||
},
|
||||
{ icon: Scissors, text: "Skin Fades" },
|
||||
{ icon: Zap, text: "Taper Fades" },
|
||||
{ icon: Target, text: "Shadow Fades" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstyle-tools-arrangement-top-view_23-2149552385.jpg?_wi=2",
|
||||
imageAlt: "man haircut fade style",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Precision Beard Grooming",
|
||||
description: "Sculpting and shaping your beard to perfectly complement your facial structure.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg",
|
||||
},
|
||||
title: "Precision Beard Grooming", description: "Sculpting and shaping your beard to perfectly complement your facial structure.", media: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Hot Towel Shave",
|
||||
},
|
||||
{
|
||||
text: "Beard Trim",
|
||||
},
|
||||
{
|
||||
text: "Beard Line-up",
|
||||
},
|
||||
{ icon: Clock, text: "Hot Towel Shave" },
|
||||
{ icon: Shield, text: "Beard Trim" },
|
||||
{ icon: Check, text: "Beard Line-up" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-tools-barber-master_651396-126.jpg?_wi=2",
|
||||
imageAlt: "man haircut fade style",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Professional Haircuts",
|
||||
description: "From modern cuts to traditional styles, we cover it all.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
},
|
||||
title: "Professional Haircuts", description: "From modern cuts to traditional styles, we cover it all.", media: { imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg" },
|
||||
items: [
|
||||
{
|
||||
text: "Traditional Cut",
|
||||
},
|
||||
{
|
||||
text: "Modern Styling",
|
||||
},
|
||||
{
|
||||
text: "Children's Cut",
|
||||
},
|
||||
{ icon: User, text: "Traditional Cut" },
|
||||
{ icon: Sparkles, text: "Modern Styling" },
|
||||
{ icon: Star, text: "Children's Cut" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg?_wi=1",
|
||||
imageAlt: "man haircut fade style",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -184,24 +118,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Smith",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-anxious-blonde-male-barber-uniform-combing-hair-looks-up-isolated-orange-space-with-copy-space_141793-60324.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Wilson",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
|
||||
},
|
||||
{ id: "t1", name: "James Smith", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/young-anxious-blonde-male-barber-uniform-combing-hair-looks-up-isolated-orange-space-with-copy-space_141793-60324.jpg" },
|
||||
{ id: "t3", name: "David Wilson", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg" },
|
||||
]}
|
||||
title="Meet Our Expert Barbers"
|
||||
description="Our team of highly-skilled barbers is dedicated to ensuring you look your best."
|
||||
@@ -214,41 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Best fade I've ever had. Consistent quality every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Professional atmosphere and excellent attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John K.",
|
||||
role: "New Client",
|
||||
testimonial: "Very friendly staff and highly skilled barber. I'll be back.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-client-barber-shop_23-2148298284.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam B.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Elite Cut is the only place I go for my beard trimming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris P.",
|
||||
role: "Regular Client",
|
||||
testimonial: "Perfect experience. Clean shop, great service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex R.", role: "Regular Client", testimonial: "Best fade I've ever had. Consistent quality every time.", imageSrc: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg" },
|
||||
{ id: "2", name: "Mike D.", role: "Regular Client", testimonial: "Professional atmosphere and excellent attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
|
||||
{ id: "3", name: "John K.", role: "New Client", testimonial: "Very friendly staff and highly skilled barber. I'll be back.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-client-barber-shop_23-2148298284.jpg" },
|
||||
{ id: "4", name: "Sam B.", role: "Regular Client", testimonial: "Elite Cut is the only place I go for my beard trimming.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
|
||||
{ id: "5", name: "Chris P.", role: "Regular Client", testimonial: "Perfect experience. Clean shop, great service.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join our community of satisfied clients who trust us with their style."
|
||||
@@ -260,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment to ensure you get your preferred time.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What services do you offer?",
|
||||
content: "We offer haircuts, beard trims, hot towel shaves, and grooming consultations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 123 Grooming Street, City Center.",
|
||||
},
|
||||
{ id: "1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure you get your preferred time." },
|
||||
{ id: "2", title: "What services do you offer?", content: "We offer haircuts, beard trims, hot towel shaves, and grooming consultations." },
|
||||
{ id: "3", title: "Where are you located?", content: "We are located at 123 Grooming Street, City Center." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers for you."
|
||||
@@ -285,21 +162,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Book Your Appointment"
|
||||
title="Ready for a Fresh Cut?"
|
||||
description="Give us a call or book your next grooming session through our online booking link."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:1234567890",
|
||||
},
|
||||
{ text: "Book Online", href: "#" },
|
||||
{ text: "Call Now", href: "tel:1234567890" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,14 +176,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Elite Cut"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user