Merge version_1 into main #2
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Barbers", id: "team" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="ONE4ONE"
|
||||
/>
|
||||
@@ -57,40 +45,16 @@ export default function LandingPage() {
|
||||
logoText="ONE4ONE"
|
||||
description="Precision. Style. Identity. Experience the peak of modern grooming in Garden City."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Explore Services", href: "#pricing" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=1",
|
||||
imageAlt: "Luxurious barber studio environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg",
|
||||
imageAlt: "Barber shop aesthetic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
|
||||
imageAlt: "Precision haircutting tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-arrives-ski-complex_482257-76574.jpg",
|
||||
imageAlt: "Modern grooming station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg",
|
||||
imageAlt: "Professional salon lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
|
||||
imageAlt: "High-end barber service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "Luxurious barber studio environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211458.jpg", imageAlt: "Barber shop aesthetic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", imageAlt: "Precision haircutting tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-arrives-ski-complex_482257-76574.jpg", imageAlt: "Modern grooming station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg", imageAlt: "Professional salon lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg", imageAlt: "High-end barber service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,21 +64,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Commitment to Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Clients Served",
|
||||
value: "2000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Expert Barbers",
|
||||
value: "5+",
|
||||
},
|
||||
{ icon: Star, label: "Google Rating", value: "4.9" },
|
||||
{ icon: Calendar, label: "Clients Served", value: "2000+" },
|
||||
{ icon: Award, label: "Expert Barbers", value: "5+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -126,40 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Signature",
|
||||
price: "$35",
|
||||
subtitle: "Classic Precision Cut",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Hot Towel",
|
||||
"Neck Trim",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$50",
|
||||
subtitle: "The Full Experience",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
"Hot Towel",
|
||||
"Styling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Essentials",
|
||||
price: "$20",
|
||||
subtitle: "Beard Grooming Only",
|
||||
features: [
|
||||
"Beard Trim",
|
||||
"Line Up",
|
||||
"Hot Towel",
|
||||
],
|
||||
},
|
||||
{ id: "p1", badge: "Signature", price: "$35", subtitle: "Classic Precision Cut", features: ["Haircut", "Hot Towel", "Neck Trim"] },
|
||||
{ id: "p2", badge: "Premium", price: "$50", subtitle: "The Full Experience", features: ["Haircut", "Beard Trim", "Hot Towel", "Styling"] },
|
||||
{ id: "p3", badge: "Essentials", price: "$20", subtitle: "Beard Grooming Only", features: ["Beard Trim", "Line Up", "Hot Towel"] },
|
||||
]}
|
||||
title="Mastery Services"
|
||||
description="Precision cuts tailored to your unique identity."
|
||||
@@ -168,24 +89,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Smartphone,
|
||||
title: "Easy Booking",
|
||||
description: "Seamless digital booking experience with SMS notifications.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Modern Precision",
|
||||
description: "Latest grooming techniques and luxury equipment.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Sanitized Comfort",
|
||||
description: "Highest hygiene standards for every service.",
|
||||
},
|
||||
{ icon: Smartphone, title: "Easy Booking", description: "Seamless digital booking experience with SMS notifications." },
|
||||
{ icon: Zap, title: "Modern Precision", description: "Latest grooming techniques and luxury equipment." },
|
||||
{ icon: Shield, title: "Sanitized Comfort", description: "Highest hygiene standards for every service." },
|
||||
]}
|
||||
title="Why ONE4ONE?"
|
||||
description="Where technology meets tradition in the heart of Garden City."
|
||||
@@ -199,33 +109,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Lead Stylists",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Alex R.",
|
||||
subtitle: "Lead Barber",
|
||||
detail: "10+ years of precision fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funky-bearded-hipster-male-dressed-blue-shirt-elegant-waistcoat-top-hat-holds-craft-beer-bottle_613910-657.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Jordan M.",
|
||||
subtitle: "Stylist",
|
||||
detail: "Master of classic shaves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Sam K.",
|
||||
subtitle: "Artist",
|
||||
detail: "Custom designs and precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg",
|
||||
},
|
||||
id: "g1", groupTitle: "Lead Stylists", members: [
|
||||
{ id: "m1", title: "Alex R.", subtitle: "Lead Barber", detail: "10+ years of precision fades.", imageSrc: "http://img.b2bpic.net/free-photo/funky-bearded-hipster-male-dressed-blue-shirt-elegant-waistcoat-top-hat-holds-craft-beer-bottle_613910-657.jpg" },
|
||||
{ id: "m2", title: "Jordan M.", subtitle: "Stylist", detail: "Master of classic shaves.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg" },
|
||||
{ id: "m3", title: "Sam K.", subtitle: "Artist", detail: "Custom designs and precision.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=2",
|
||||
imageAlt: "barber at work high end salon",
|
||||
},
|
||||
]}
|
||||
title="Our Elite Barbers"
|
||||
@@ -239,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus V.",
|
||||
handle: "@m_v",
|
||||
testimonial: "Best barber in MI. Always a sharp cut.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James L.",
|
||||
handle: "@jl_styles",
|
||||
testimonial: "The shop atmosphere is amazing and very modern.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-background_613910-16144.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kevin H.",
|
||||
handle: "@kevinh",
|
||||
testimonial: "Precision like no other. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brian P.",
|
||||
handle: "@bp_fresh",
|
||||
testimonial: "Booked online, arrived on time, left happy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Daniel S.",
|
||||
handle: "@ds_clean",
|
||||
testimonial: "The hot towel treatment is a game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-lemon-yellow-scene_23-2148184741.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marcus V.", handle: "@m_v", testimonial: "Best barber in MI. Always a sharp cut.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg" },
|
||||
{ id: "2", name: "James L.", handle: "@jl_styles", testimonial: "The shop atmosphere is amazing and very modern.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-grey-background_613910-16144.jpg" },
|
||||
{ id: "3", name: "Kevin H.", handle: "@kevinh", testimonial: "Precision like no other. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4205.jpg" },
|
||||
{ id: "4", name: "Brian P.", handle: "@bp_fresh", testimonial: "Booked online, arrived on time, left happy.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg" },
|
||||
{ id: "5", name: "Daniel S.", handle: "@ds_clean", testimonial: "The hot towel treatment is a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-lemon-yellow-scene_23-2148184741.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Join our community of satisfied customers."
|
||||
@@ -286,29 +144,11 @@ export default function LandingPage() {
|
||||
title="Book Your Seat"
|
||||
description="Ready for your next cut? Reach out or use our integrated booking system."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Select Service & Preferred Time",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Select Service & Preferred Time", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90700.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
@@ -317,34 +157,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Barbers",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "28245 Ford Rd, Garden City, MI",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(313) 501-7944",
|
||||
href: "tel:3135017944",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#pricing" }, { label: "Barbers", href: "#team" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "28245 Ford Rd, Garden City, MI", href: "#" }, { label: "(313) 501-7944", href: "tel:3135017944" }] },
|
||||
]}
|
||||
logoText="ONE4ONE"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user