Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -30,27 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="German Cut"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,39 +50,23 @@ export default function LandingPage() {
|
||||
description="Precision styling for the modern man. Experience the tradition of German quality at our professional barbershop."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=1",
|
||||
imageAlt: "Barber chair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg", imageAlt: "Barber chair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg?_wi=1",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg", imageAlt: "Barber tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg?_wi=1",
|
||||
imageAlt: "Barber styling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg", imageAlt: "Barber styling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122057.jpg",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122057.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-barber-tools-row_23-2147839820.jpg",
|
||||
imageAlt: "Barber precision",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-various-barber-tools-row_23-2147839820.jpg", imageAlt: "Barber precision"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
|
||||
imageAlt: "Barbershop equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", imageAlt: "Barbershop equipment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,17 +78,11 @@ export default function LandingPage() {
|
||||
description="At German Cut, we believe that a haircut is more than just maintenance; it's a mark of identity. Founded on the principles of precision, efficiency, and timeless style, our barbers are dedicated to bringing out the best in you."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "5k+", title: "Happy Clients"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506294.jpg"
|
||||
imageAlt="Our Barbershop"
|
||||
@@ -130,70 +98,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Haircut",
|
||||
description: "Sharp lines and balanced fades tailored to your face shape.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122055.jpg",
|
||||
imageAlt: "Haircut",
|
||||
},
|
||||
id: "1", title: "Precision Haircut", description: "Sharp lines and balanced fades tailored to your face shape.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122055.jpg", imageAlt: "Haircut"},
|
||||
items: [
|
||||
{
|
||||
icon: Scissors,
|
||||
text: "Professional Shear Cuts",
|
||||
},
|
||||
text: "Professional Shear Cuts"},
|
||||
{
|
||||
icon: Razor,
|
||||
text: "Precision Fades",
|
||||
},
|
||||
icon: Scissors,
|
||||
text: "Precision Fades"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg?_wi=2",
|
||||
imageAlt: "modern barbershop interior professional",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Signature Beard Trim",
|
||||
description: "Get that perfectly sculpted look with hot towel finishing.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg",
|
||||
imageAlt: "Beard trim",
|
||||
},
|
||||
id: "2", title: "Signature Beard Trim", description: "Get that perfectly sculpted look with hot towel finishing.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg", imageAlt: "Beard trim"},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Hot Towel Treatment",
|
||||
},
|
||||
text: "Hot Towel Treatment"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Conditioning Oil",
|
||||
},
|
||||
text: "Conditioning Oil"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326541.jpg?_wi=2",
|
||||
imageAlt: "barber tools on table professional",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Premium Grooming Products",
|
||||
description: "We use only high-end products to maintain your look at home.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg",
|
||||
imageAlt: "Products",
|
||||
},
|
||||
id: "3", title: "Premium Grooming Products", description: "We use only high-end products to maintain your look at home.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-towel-beauty-salon_23-2148181999.jpg", imageAlt: "Products"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Premium Pomades",
|
||||
},
|
||||
text: "Premium Pomades"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Luxury Aftershaves",
|
||||
},
|
||||
text: "Luxury Aftershaves"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506233.jpg?_wi=2",
|
||||
imageAlt: "barber working on haircut side view",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Premium Services"
|
||||
@@ -208,45 +149,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Markus S.",
|
||||
handle: "@markus.s",
|
||||
testimonial: "The best fade I've ever had. Truly German precision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-14741.jpg",
|
||||
},
|
||||
id: "1", name: "Markus S.", handle: "@markus.s", testimonial: "The best fade I've ever had. Truly German precision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-14741.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Professional, clean, and quick. My new go-to place.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg",
|
||||
},
|
||||
id: "2", name: "David W.", handle: "@davidw", testimonial: "Professional, clean, and quick. My new go-to place.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kevin L.",
|
||||
handle: "@kevinl",
|
||||
testimonial: "Always consistent. Great atmosphere and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-male-with-long-hair-posing-with-ireland-setter-single-speed-bicycle_613910-10392.jpg",
|
||||
},
|
||||
id: "3", name: "Kevin L.", handle: "@kevinl", testimonial: "Always consistent. Great atmosphere and friendly staff.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-male-with-long-hair-posing-with-ireland-setter-single-speed-bicycle_613910-10392.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stefan B.",
|
||||
handle: "@stefanb",
|
||||
testimonial: "Quality work every single time. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg",
|
||||
},
|
||||
id: "4", name: "Stefan B.", handle: "@stefanb", testimonial: "Quality work every single time. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-slavic-middle-aged-male-barber-uniform-holding-barber-tools-isolated-purple-wall_141793-91610.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Andreas T.",
|
||||
handle: "@andreast",
|
||||
testimonial: "The attention to detail here is unmatched. Excellent.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-275.jpg",
|
||||
},
|
||||
id: "5", name: "Andreas T.", handle: "@andreast", testimonial: "The attention to detail here is unmatched. Excellent.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-275.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -260,27 +176,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking online to guarantee your preferred time slot.",
|
||||
},
|
||||
id: "1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your preferred time slot."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 123 Barbershop St, City Center.",
|
||||
},
|
||||
id: "2", title: "Where are you located?", content: "We are located at 123 Barbershop St, City Center."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "We take limited walk-ins depending on availability.",
|
||||
},
|
||||
id: "3", title: "Do you accept walk-ins?", content: "We take limited walk-ins depending on availability."},
|
||||
]}
|
||||
ctaTitle="Ready for a fresh cut?"
|
||||
ctaDescription="Book your appointment today and secure your spot in our chair."
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Book Now", href: "#"}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
@@ -289,33 +194,21 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "German Cut",
|
||||
items: [
|
||||
title: "German Cut", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Booking", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user