From ce01efa0e3105795ec0bc3efc60580bedd129057 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 13 Mar 2026 02:11:33 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 246 ++++++++++++----------------------------------- 1 file changed, 61 insertions(+), 185 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4d91b47..e50153c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni import ContactText from "@/components/sections/contact/ContactText"; import FooterCard from "@/components/sections/footer/FooterCard"; import Link from "next/link"; -import { Scissors, Sparkles, Award, Home, Clock, Star, Facebook, Instagram, Phone } from "lucide-react"; +import { Scissors, Sparkles, Award, Home, Clock, Star, Facebook, Instagram, Phone, Zap, Barcode, Users, Maximize } from "lucide-react"; export default function HomePage() { const navItems = [ @@ -22,9 +22,7 @@ export default function HomePage() { ]; const navButton = { - text: "Book a Cut", - href: "contact", - }; + text: "Book a Cut", href: "contact"}; return ( @@ -130,78 +101,48 @@ export default function HomePage() { tagAnimation="slide-up" features={[ { - title: "Haircut", - description: "Classic haircuts tailored to your style. Expert fading and detailing for a sharp, polished look.", - icon: Scissors, + title: "Haircut", description: "Classic haircuts tailored to your style. Expert fading and detailing for a sharp, polished look.", icon: Scissors, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixcvty&_wi=1", - imageAlt: "Professional haircut with clean lines", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ixcvty", imageAlt: "Professional haircut with clean lines"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rjxg28&_wi=1", - imageAlt: "Detailed haircut styling", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rjxg28", imageAlt: "Detailed haircut styling"}, ], }, { - title: "Skin Fade", - description: "Precision skin fades with smooth blending. Our specialty for an ultra-clean, modern look.", - icon: Scissors, + title: "Skin Fade", description: "Precision skin fades with smooth blending. Our specialty for an ultra-clean, modern look.", icon: Zap, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oif0sf&_wi=1", - imageAlt: "Clean skin fade haircut", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oif0sf", imageAlt: "Clean skin fade haircut"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ru3uks&_wi=1", - imageAlt: "Professional fade styling", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ru3uks", imageAlt: "Professional fade styling"}, ], }, { - title: "Beard Trim", - description: "Sculpted beard trims with careful attention to shape and texture. Keep your beard looking sharp.", - icon: Scissors, + title: "Beard Trim", description: "Sculpted beard trims with careful attention to shape and texture. Keep your beard looking sharp.", icon: Barcode, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3f3dk&_wi=1", - imageAlt: "Professional beard trim", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3f3dk", imageAlt: "Professional beard trim"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp9zuw&_wi=1", - imageAlt: "Detailed beard styling", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zp9zuw", imageAlt: "Detailed beard styling"}, ], }, { - title: "Kids Haircut", - description: "Friendly, welcoming environment for kids. Quick, comfortable cuts designed for young customers.", - icon: Scissors, + title: "Kids Haircut", description: "Friendly, welcoming environment for kids. Quick, comfortable cuts designed for young customers.", icon: Users, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bb3awj&_wi=1", - imageAlt: "Kids haircut service", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bb3awj", imageAlt: "Kids haircut service"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skngot&_wi=1", - imageAlt: "Professional kids styling", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skngot", imageAlt: "Professional kids styling"}, ], }, { - title: "Line Up", - description: "Sharp, precise edge work to perfect your look. Quick line-up touch-ups available.", - icon: Scissors, + title: "Line Up", description: "Sharp, precise edge work to perfect your look. Quick line-up touch-ups available.", icon: Maximize, mediaItems: [ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6ubcf&_wi=1", - imageAlt: "Precision line-up service", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v6ubcf", imageAlt: "Precision line-up service"}, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ry8yfa&_wi=1", - imageAlt: "Detailed edge work", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ry8yfa", imageAlt: "Detailed edge work"}, ], }, ]} @@ -210,9 +151,7 @@ export default function HomePage() { useInvertedBackground={true} buttons={[ { - text: "Book Now", - href: "contact", - }, + text: "Book Now", href: "contact"}, ]} buttonAnimation="slide-up" /> @@ -227,26 +166,18 @@ export default function HomePage() { tagAnimation="slide-up" bulletPoints={[ { - title: "Experienced Barbers", - description: "Our team brings years of expertise in classic and modern barbering techniques.", - icon: Award, + title: "Experienced Barbers", description: "Our team brings years of expertise in classic and modern barbering techniques.", icon: Award, }, { - title: "Welcoming Environment", - description: "Step into a comfortable, clean shop where you'll feel right at home.", - icon: Home, + title: "Welcoming Environment", description: "Step into a comfortable, clean shop where you'll feel right at home.", icon: Home, }, { - title: "Quick Service", - description: "Efficient, professional cuts without the long wait. Most customers are in and out in 30 minutes.", - icon: Clock, + title: "Quick Service", description: "Efficient, professional cuts without the long wait. Most customers are in and out in 30 minutes.", icon: Clock, }, { - title: "Loyal Community", - description: "Serving Orosi families and friends for years. We value our regular customers.", - }, + title: "Loyal Community", description: "Serving Orosi families and friends for years. We value our regular customers."}, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d4yvfm&_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d4yvfm" imageAlt="Gunthers Barbershop interior with classic barber chairs" mediaAnimation="slide-up" imagePosition="right" @@ -254,9 +185,7 @@ export default function HomePage() { useInvertedBackground={false} buttons={[ { - text: "Visit Us Today", - href: "/contact", - }, + text: "Visit Us Today", href: "/contact"}, ]} buttonAnimation="slide-up" /> @@ -269,25 +198,13 @@ export default function HomePage() { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "4.9★", - description: "Average rating from 34 verified customer reviews on Google and local directories.", - }, + id: "1", value: "4.9★", description: "Average rating from 34 verified customer reviews on Google and local directories."}, { - id: "2", - value: "1000+", - description: "Satisfied customers served. Many are loyal regulars who return every month.", - }, + id: "2", value: "1000+", description: "Satisfied customers served. Many are loyal regulars who return every month."}, { - id: "3", - value: "15+", - description: "Years of combined barbering experience from our professional team members.", - }, + id: "3", value: "15+", description: "Years of combined barbering experience from our professional team members."}, { - id: "4", - value: "30min", - description: "Average service time. Quick, efficient cuts without sacrificing quality.", - }, + id: "4", value: "30min", description: "Average service time. Quick, efficient cuts without sacrificing quality."}, ]} metricsAnimation="slide-up" useInvertedBackground={true} @@ -303,53 +220,23 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Marcus Thompson", - handle: "Regular Customer", - testimonial: "Friendly environment and great service. I've been coming here for 3 years and the quality never dips. Highly recommend!", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ns1qmq&_wi=2", - }, + id: "1", name: "Marcus Thompson", handle: "Regular Customer", testimonial: "Friendly environment and great service. I've been coming here for 3 years and the quality never dips. Highly recommend!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ns1qmq"}, { - id: "2", - name: "David Lopez", - handle: "Regular Customer", - testimonial: "Best place in Orosi for a clean fade. The precision and attention to detail is unmatched. Worth every penny!", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wudi38&_wi=2", - }, + id: "2", name: "David Lopez", handle: "Regular Customer", testimonial: "Best place in Orosi for a clean fade. The precision and attention to detail is unmatched. Worth every penny!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wudi38"}, { - id: "3", - name: "James Rodriguez", - handle: "Regular Customer", - testimonial: "You don't wait long and the barbers are great. Quick turnaround without compromising quality. Love it!", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fcia99&_wi=2", - }, + id: "3", name: "James Rodriguez", handle: "Regular Customer", testimonial: "You don't wait long and the barbers are great. Quick turnaround without compromising quality. Love it!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fcia99"}, { - id: "4", - name: "Antonio Garcia", - handle: "Regular Customer", - testimonial: "Excellent attention to detail and friendly crew. Always professional and welcoming. My go-to spot!", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3psxnm&_wi=2", - }, + id: "4", name: "Antonio Garcia", handle: "Regular Customer", testimonial: "Excellent attention to detail and friendly crew. Always professional and welcoming. My go-to spot!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3psxnm"}, { - id: "5", - name: "Carlos Mendez", - handle: "Regular Customer", - testimonial: "Best barbers in town. They take time to understand what you want and execute perfectly every time.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzmkrc&_wi=1", - }, + id: "5", name: "Carlos Mendez", handle: "Regular Customer", testimonial: "Best barbers in town. They take time to understand what you want and execute perfectly every time.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dzmkrc"}, { - id: "6", - name: "Miguel Santos", - handle: "Regular Customer", - testimonial: "Clean shop, skilled barbers, fair prices. This is THE place to go for a quality cut in Orosi.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68nmev&_wi=1", - }, + id: "6", name: "Miguel Santos", handle: "Regular Customer", testimonial: "Clean shop, skilled barbers, fair prices. This is THE place to go for a quality cut in Orosi.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68nmev"}, ]} showRating={true} animationType="slide-up" @@ -365,17 +252,12 @@ export default function HomePage() { animationType="entrance-slide" buttons={[ { - text: "Call (559) 596-9222", - href: "tel:+15595969222", - }, + text: "Call (559) 596-9222", href: "tel:+15595969222"}, { - text: "Visit Us", - href: "#footer", - }, + text: "Visit Us", href: "#footer"}, ]} background={{ - variant: "grid", - }} + variant: "plain"}} useInvertedBackground={false} /> @@ -387,19 +269,13 @@ export default function HomePage() { socialLinks={[ { icon: Facebook, - href: "https://facebook.com", - ariaLabel: "Facebook", - }, + href: "https://facebook.com", ariaLabel: "Facebook"}, { icon: Instagram, - href: "https://instagram.com", - ariaLabel: "Instagram", - }, + href: "https://instagram.com", ariaLabel: "Instagram"}, { icon: Phone, - href: "tel:+15595969222", - ariaLabel: "Call Us", - }, + href: "tel:+15595969222", ariaLabel: "Call Us"}, ]} />