Merge version_1 into main #2
232
src/app/page.tsx
232
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Scissors, Brush, Palette, Child, Sparkles } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,39 +32,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "barbers",
|
||||
},
|
||||
name: "Barbers", id: "barbers"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Fade Empire"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com",
|
||||
}}
|
||||
text: "Book Now", href: "https://booksy.com"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -71,19 +56,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
title="Precision Cuts. Elite Service. Welcome to Fade Empire."
|
||||
description="Crest Hill’s top-rated barber shop delivering clean fades, sharp line-ups, and unmatched customer experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com",
|
||||
},
|
||||
text: "Book Now", href: "https://booksy.com"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+18157141627",
|
||||
},
|
||||
text: "Call Us", href: "tel:+18157141627"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
|
||||
imageAlt="Luxurious barber shop interior with a client receiving a precision haircut."
|
||||
@@ -98,17 +78,11 @@ export default function LandingPage() {
|
||||
description="Fade Empire is a 5-star rated barber shop known for precision, consistency, and top-tier customer service. With over 250+ satisfied clients, the shop has built a reputation for delivering clean fades, sharp designs, and a welcoming environment. Every barber takes pride in their craft and ensures each client leaves confident and fresh."
|
||||
metrics={[
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Star Rating",
|
||||
},
|
||||
value: "5.0", title: "Star Rating"},
|
||||
{
|
||||
value: "258+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "258+", title: "Happy Clients"},
|
||||
{
|
||||
value: "8+",
|
||||
title: "Years of Craft",
|
||||
},
|
||||
value: "8+", title: "Years of Craft"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-leather-armchair_1156-3.jpg"
|
||||
imageAlt="Modern and clean interior of Fade Empire barber shop."
|
||||
@@ -123,29 +97,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Haircuts",
|
||||
description: "From precision fades and tapers to classic cuts, our barbers deliver a sharp, clean look every time.",
|
||||
buttonIcon: "Scissors",
|
||||
title: "Haircuts", description: "From precision fades and tapers to classic cuts, our barbers deliver a sharp, clean look every time.", buttonIcon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming & Line-ups",
|
||||
description: "Expert beard trims, shaping, and meticulous line-ups to perfect your facial hair.",
|
||||
buttonIcon: "Brush",
|
||||
title: "Beard Grooming & Line-ups", description: "Expert beard trims, shaping, and meticulous line-ups to perfect your facial hair.", buttonIcon: Brush,
|
||||
},
|
||||
{
|
||||
title: "Hair Designs",
|
||||
description: "Unleash your creativity with intricate hair designs and custom patterns.",
|
||||
buttonIcon: "Palette",
|
||||
title: "Hair Designs", description: "Unleash your creativity with intricate hair designs and custom patterns.", buttonIcon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Kids Cuts",
|
||||
description: "Professional and patient haircuts for our younger clients, ensuring they leave looking fresh.",
|
||||
buttonIcon: "Child",
|
||||
title: "Kids Cuts", description: "Professional and patient haircuts for our younger clients, ensuring they leave looking fresh.", buttonIcon: Child,
|
||||
},
|
||||
{
|
||||
title: "Full Grooming Packages",
|
||||
description: "Indulge in a complete grooming experience including haircuts, beard care, and refreshing treatments.",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Full Grooming Packages", description: "Indulge in a complete grooming experience including haircuts, beard care, and refreshing treatments.", buttonIcon: Sparkles,
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -161,35 +125,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "chucky",
|
||||
name: "Chucky",
|
||||
role: "Known for consistent, high-quality cuts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
|
||||
},
|
||||
id: "chucky", name: "Chucky", role: "Known for consistent, high-quality cuts", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg"},
|
||||
{
|
||||
id: "alex",
|
||||
name: "Alex Fades",
|
||||
role: "Trusted for years, detailed and reliable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-washing-old-man-hair-backwash_23-2148181935.jpg",
|
||||
},
|
||||
id: "alex", name: "Alex Fades", role: "Trusted for years, detailed and reliable", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-washing-old-man-hair-backwash_23-2148181935.jpg"},
|
||||
{
|
||||
id: "carlos",
|
||||
name: "Carlos",
|
||||
role: "Excellent customer service and precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg",
|
||||
},
|
||||
id: "carlos", name: "Carlos", role: "Excellent customer service and precision", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-getting-groomed_23-2149220518.jpg"},
|
||||
{
|
||||
id: "pollo",
|
||||
name: "Pollo Blendz",
|
||||
role: "Highly talented, takes time for perfect cuts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915557.jpg",
|
||||
},
|
||||
id: "pollo", name: "Pollo Blendz", role: "Highly talented, takes time for perfect cuts", imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915557.jpg"},
|
||||
{
|
||||
id: "kam",
|
||||
name: "Kam",
|
||||
role: "Clean fades, sharp line-ups, great service",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-sharpening-his-knives_23-2148763170.jpg",
|
||||
},
|
||||
id: "kam", name: "Kam", role: "Clean fades, sharp line-ups, great service", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-sharpening-his-knives_23-2148763170.jpg"},
|
||||
]}
|
||||
title="Meet Our Master Barbers"
|
||||
description="Our talented team is dedicated to perfecting your style, ensuring every visit is an experience in luxury and precision."
|
||||
@@ -201,29 +145,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
|
||||
imageAlt: "Sarah Johnson, a satisfied client",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg", imageAlt: "Sarah Johnson, a satisfied client"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-businesswoman-smiling_74855-4088.jpg",
|
||||
imageAlt: "Michael Chen, a satisfied client",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-businesswoman-smiling_74855-4088.jpg", imageAlt: "Michael Chen, a satisfied client"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-indoors-side-view_23-2149883561.jpg",
|
||||
imageAlt: "Emily Rodriguez, a satisfied client",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-posing-indoors-side-view_23-2149883561.jpg", imageAlt: "Emily Rodriguez, a satisfied client"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blond-woman-student-with-digital-watch-looking-happy-camera-sitting_1258-194398.jpg",
|
||||
imageAlt: "David Kim, a satisfied client",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blond-woman-student-with-digital-watch-looking-happy-camera-sitting_1258-194398.jpg", imageAlt: "David Kim, a satisfied client"},
|
||||
]}
|
||||
cardTitle='Hear From Our Satisfied Clients: "One of the best barbers ever. Always leaves me fresh."'
|
||||
cardTag="5.0 Stars from 258 Reviews"
|
||||
@@ -239,52 +167,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Precision Fade",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-flannel-shirt-gray-background_613910-5156.jpg",
|
||||
imageAlt: "A client showcasing a sharp precision fade haircut.",
|
||||
rating: 5,
|
||||
id: "1", name: "Precision Fade", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-redhead-model-man-flannel-shirt-gray-background_613910-5156.jpg", imageAlt: "A client showcasing a sharp precision fade haircut.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Cut",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1418.jpg",
|
||||
imageAlt: "A classic gentleman's haircut with a modern touch.",
|
||||
rating: 5,
|
||||
id: "2", name: "Classic Cut", price: "", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-posing-tropical-location-background-palm-trees-greenery_1321-1418.jpg", imageAlt: "A classic gentleman's haircut with a modern touch.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Shop Interior",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
imageAlt: "The luxurious and clean interior of Fade Empire barber shop.",
|
||||
rating: 5,
|
||||
id: "3", name: "Shop Interior", price: "", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", imageAlt: "The luxurious and clean interior of Fade Empire barber shop.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Barber at Work",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg",
|
||||
imageAlt: "A barber meticulously working on a client's haircut.",
|
||||
rating: 5,
|
||||
id: "4", name: "Barber at Work", price: "", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150665412.jpg", imageAlt: "A barber meticulously working on a client's haircut.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Modern Taper",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg",
|
||||
imageAlt: "A client with a stylish modern taper fade haircut.",
|
||||
rating: 5,
|
||||
id: "5", name: "Modern Taper", price: "", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9660.jpg", imageAlt: "A client with a stylish modern taper fade haircut.", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Beard Masterpiece",
|
||||
price: "",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5145.jpg",
|
||||
imageAlt: "A client with a perfectly groomed and styled beard.",
|
||||
rating: 5,
|
||||
id: "6", name: "Beard Masterpiece", price: "", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5145.jpg", imageAlt: "A client with a perfectly groomed and styled beard.", rating: 5,
|
||||
},
|
||||
]}
|
||||
title="Our Craft in Focus"
|
||||
@@ -296,18 +194,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Book Your Cut Today & Find Us Here!\n\nAddress: 2400 Caton Farm Rd Ste F, Crest Hill, IL 60403\nPhone: (815) 714-1627\nHours: Closed now, opens at 10 AM Thursday"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com",
|
||||
},
|
||||
text: "Book Now", href: "https://booksy.com"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/search/2400+Caton+Farm+Rd+Ste+F,+Crest+Hill,+IL+60403",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/search/2400+Caton+Farm+Rd+Ste+F,+Crest+Hill,+IL+60403"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -316,58 +209,35 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Beard Grooming",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Beard Grooming", href: "#services"},
|
||||
{
|
||||
label: "Hair Designs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Hair Designs", href: "#services"},
|
||||
{
|
||||
label: "Kids Cuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Kids Cuts", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Barbers",
|
||||
href: "#barbers",
|
||||
},
|
||||
label: "Our Barbers", href: "#barbers"},
|
||||
{
|
||||
label: "Client Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Client Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://booksy.com",
|
||||
},
|
||||
label: "Book Now", href: "https://booksy.com"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/fadeempire",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/fadeempire"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user