Update src/app/page.tsx
This commit is contained in:
@@ -4,11 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { MapPin, Phone, Scissors, Star, Sparkles } from 'lucide-react';
|
||||
import { MapPin, Phone, Scissors } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const handleCallNow = () => {
|
||||
@@ -33,7 +32,6 @@ export default function LandingPage() {
|
||||
brandName="Nathan's Barbershop"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
@@ -73,60 +71,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Classic Haircuts", description: "Professional haircuts featuring fades, tapers, and classic styles. Our barbers are skilled in all cutting techniques from traditional to contemporary.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYOnnGJ3srKWlIbL2mXjJewGWm/uploaded-1773179147219-aa69u21h.png", imageAlt: "Professional haircut service"
|
||||
title: "Classic Haircuts", description: "Professional haircuts featuring fades, tapers, and classic styles. Our barbers are skilled in all cutting techniques from traditional to contemporary."
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and styling. We use premium products and expert techniques for the perfect look.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYOnnGJ3srKWlIbL2mXjJewGWm/uploaded-1773179147219-5aammb2s.png", imageAlt: "Professional beard grooming"
|
||||
title: "Beard Grooming", description: "Complete beard care including trimming, shaping, and styling. We use premium products and expert techniques for the perfect look."
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Straight Razor Shaves", description: "Experience the ultimate in traditional grooming with our expert straight razor shaves. Precise, smooth, and rejuvenating with premium products and techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYOnnGJ3srKWlIbL2mXjJewGWm/uploaded-1773179147219-gcqhiz49.png", imageAlt: "Professional straight razor shave service"
|
||||
title: "Straight Razor Shaves", description: "Experience the ultimate in traditional grooming with our expert straight razor shaves. Precise, smooth, and rejuvenating with premium products and techniques."
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Hair Coloring", description: "Professional hair coloring and touch-ups using premium dyes and color correction techniques. From subtle tones to bold styles, we've got you covered.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYOnnGJ3srKWlIbL2mXjJewGWm/uploaded-1773179147220-95f7fzyz.png", imageAlt: "Professional hair coloring service"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Transparent Pricing"
|
||||
description="Simple, straightforward pricing for all our premium barbering services."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
plans={[
|
||||
{
|
||||
id: "basic", price: "$25", name: "Standard Haircut", badge: "Popular", badgeIcon: Star,
|
||||
buttons: [
|
||||
{ text: "Book Now", onClick: handleCallNow },
|
||||
{ text: "Learn More", href: "#services" }
|
||||
],
|
||||
features: [
|
||||
"Professional haircut", "Styling consultation", "Complimentary neck shave"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "premium", price: "$40", name: "Beard + Haircut", badge: "Best Value", badgeIcon: Sparkles,
|
||||
buttons: [
|
||||
{ text: "Book Now", onClick: handleCallNow },
|
||||
{ text: "Learn More", href: "#services" }
|
||||
],
|
||||
features: [
|
||||
"Professional haircut", "Premium beard grooming", "Styling consultation", "Hot towel finish"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "deluxe", price: "$60", name: "Premium Experience", buttons: [
|
||||
{ text: "Book Now", onClick: handleCallNow },
|
||||
{ text: "Learn More", href: "#services" }
|
||||
],
|
||||
features: [
|
||||
"Signature haircut", "Complete beard service", "Luxe styling products", "Extended consultation", "VIP treatment"
|
||||
]
|
||||
title: "Hair Coloring", description: "Professional hair coloring and touch-ups using premium dyes and color correction techniques. From subtle tones to bold styles, we've got you covered."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -142,22 +99,22 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Johnson", handle: "@seattle_style", testimonial: "Nathan's is the best barbershop in Seattle. The attention to detail is incredible, and the barbers really know their craft. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg?_wi=1", imageAlt: "Marcus Johnson"
|
||||
id: "1", name: "Marcus Johnson", handle: "Seattle, WA", testimonial: "Nathan's is the best barbershop in Seattle. The attention to detail is incredible, and the barbers really know their craft. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg?_wi=1", imageAlt: "Marcus Johnson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "David Chen", handle: "@dchen_pro", testimonial: "Professional, friendly, and skilled barbers. Every cut is exactly what I ask for. This is my go-to place for grooming.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg?_wi=1", imageAlt: "David Chen"
|
||||
id: "2", name: "David Chen", handle: "Seattle, WA", testimonial: "Professional, friendly, and skilled barbers. Every cut is exactly what I ask for. This is my go-to place for grooming.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg?_wi=1", imageAlt: "David Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Wilson", handle: "@jwilson_cuts", testimonial: "Been coming here for 3 years. The consistency in quality and service is unmatched. Nathan's is worth the wait!", imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "James Wilson"
|
||||
id: "3", name: "James Wilson", handle: "Seattle, WA", testimonial: "Been coming here for 3 years. The consistency in quality and service is unmatched. Nathan's is worth the wait!", imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", imageAlt: "James Wilson"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Alex Rodriguez", handle: "@alex_groomed", testimonial: "Great atmosphere, skilled barbers, and fair pricing. I'll definitely be back. Five stars all the way!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", imageAlt: "Alex Rodriguez"
|
||||
id: "4", name: "Alex Rodriguez", handle: "Seattle, WA", testimonial: "Great atmosphere, skilled barbers, and fair pricing. I'll definitely be back. Five stars all the way!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", imageAlt: "Alex Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Kevin Lee", handle: "@kevlee_style", testimonial: "The barbers here are true professionals. They take their time and make sure you leave looking sharp. Highly satisfied!", imageSrc: "http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg?_wi=2", imageAlt: "Kevin Lee"
|
||||
id: "5", name: "Kevin Lee", handle: "Seattle, WA", testimonial: "The barbers here are true professionals. They take their time and make sure you leave looking sharp. Highly satisfied!", imageSrc: "http://img.b2bpic.net/free-photo/lens-background-process-shooting-light-background_185193-164069.jpg?_wi=2", imageAlt: "Kevin Lee"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Tom Bradley", handle: "@tom_sharp", testimonial: "Nathan's Barbershop sets the standard for quality in Seattle. Every visit is a great experience. Highly recommend to anyone!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg?_wi=2", imageAlt: "Tom Bradley"
|
||||
id: "6", name: "Tom Bradley", handle: "Seattle, WA", testimonial: "Nathan's Barbershop sets the standard for quality in Seattle. Every visit is a great experience. Highly recommend to anyone!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-looking-through-window_1262-5623.jpg?_wi=2", imageAlt: "Tom Bradley"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -172,13 +129,14 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186465.jpg"
|
||||
imageAlt="Nathan's Barbershop location"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYOnnGJ3srKWlIbL2mXjJewGWm/uploaded-1773180127256-z9jkd2q1.png"
|
||||
imageAlt="Nathan's Barbershop interior"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We'll send you updates about hours and special offers."
|
||||
buttonText="Call Now"
|
||||
termsText="Call (206) 327-9498 to book your appointment or get more information."
|
||||
onSubmit={() => handleCallNow()}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user