Merge version_2 into main #1
242
src/app/page.tsx
242
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
|
||||
@@ -28,28 +28,13 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Craig's Barbershop"
|
||||
/>
|
||||
@@ -60,40 +45,11 @@ export default function LandingPage() {
|
||||
title="Precision Cuts in Broomall"
|
||||
description="Expert grooming and traditional barber services at 2619 West Chester Pike. Walk in today for the fresh look you deserve."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call (484) 422-8190",
|
||||
href: "tel:4844228190",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Call (484) 422-8190", href: "tel:4844228190" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg"
|
||||
imageAlt="Inside Craig's Barbershop"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg",
|
||||
alt: "Elderly shoes designer is making laces for shoes",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
|
||||
alt: "Barber doing haircut bearded aged client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-professional-stainless-coffee-pot_613910-8830.jpg",
|
||||
alt: "Professional stainless coffee pot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-painting-with-watercolors_52683-108451.jpg",
|
||||
alt: "Man painting with watercolors",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg",
|
||||
alt: "Close up on man selfcare products",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,36 +59,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Cut",
|
||||
title: "Precision Haircut",
|
||||
items: [
|
||||
"Classic Taper",
|
||||
"Modern Fade",
|
||||
"Scissor Cut",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Shave",
|
||||
title: "Hot Towel Shave",
|
||||
items: [
|
||||
"Traditional Straight Razor",
|
||||
"Facial Conditioning",
|
||||
"Hot Towel Treatment",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Trim",
|
||||
title: "Beard Grooming",
|
||||
items: [
|
||||
"Beard Shaping",
|
||||
"Neck Line Cleanup",
|
||||
"Beard Oil Application",
|
||||
],
|
||||
},
|
||||
{ id: "s1", label: "Cut", title: "Precision Haircut", items: ["Classic Taper", "Modern Fade", "Scissor Cut"] },
|
||||
{ id: "s2", label: "Shave", title: "Hot Towel Shave", items: ["Traditional Straight Razor", "Facial Conditioning", "Hot Towel Treatment"] },
|
||||
{ id: "s3", label: "Trim", title: "Beard Grooming", items: ["Beard Shaping", "Neck Line Cleanup", "Beard Oil Application"] },
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="We offer a wide range of services to keep you looking sharp, from classic cuts to precision shaves."
|
||||
@@ -142,27 +71,8 @@ export default function LandingPage() {
|
||||
<div id="why-us" data-section="why-us">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Why Choose ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg",
|
||||
alt: "Barber shop service excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Craig's Barbershop?",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
heading={[{ type: "text", content: "Why Choose " }, { type: "image", src: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg" }, { type: "text", content: " Craig's Barbershop?" }]}
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,60 +83,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Style",
|
||||
name: "Classic Fade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Atmosphere",
|
||||
name: "Shop Interior",
|
||||
price: "Quality",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Precision",
|
||||
name: "Hair Detail",
|
||||
price: "Style",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Shave",
|
||||
name: "Razor Work",
|
||||
price: "Classic",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Decor",
|
||||
name: "Shop Vibe",
|
||||
price: "Welcome",
|
||||
rating: 5,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-composition-with-variety-elements_23-2147631278.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Cut",
|
||||
name: "Precision Finish",
|
||||
price: "Sharp",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Style", name: "Classic Fade", price: "Featured", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg" },
|
||||
{ id: "p2", brand: "Atmosphere", name: "Shop Interior", price: "Quality", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg" },
|
||||
{ id: "p3", brand: "Precision", name: "Hair Detail", price: "Style", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg" },
|
||||
{ id: "p4", brand: "Shave", name: "Razor Work", price: "Classic", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg" },
|
||||
]}
|
||||
title="Our Style Gallery"
|
||||
description="See the results of our expert grooming and precision work."
|
||||
@@ -236,33 +96,7 @@ export default function LandingPage() {
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Chris Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" }, { id: "t2", name: "Mike Smith", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg" }]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="4.7 Rating"
|
||||
cardAnimation="slide-up"
|
||||
@@ -273,27 +107,11 @@ export default function LandingPage() {
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your hours?",
|
||||
content: "Monday, Wednesday, Thursday: 8am-8pm. Friday: 6am-6pm. Saturday: 6am-4pm. Sunday: Closed.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we accept walk-ins and appointments for your convenience.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "2619 West Chester Pike, Broomall, PA 19008.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "f1", title: "What are your hours?", content: "Monday-Saturday: 8am-8pm" }, { id: "f2", title: "Do you accept walk-ins?", content: "Yes" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Have questions about our hours or services? We're here to help."
|
||||
description="Got questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -301,29 +119,21 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us Today"
|
||||
description="Located at 2619 West Chester Pike, Broomall, PA. Give us a call at (484) 422-8190 to schedule or walk in."
|
||||
description="Located in Broomall."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Craig's Barbershop"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "tel:4844228190",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "tel:4844228190" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user