Merge version_2 into main #2
198
src/app/page.tsx
198
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
]}
|
||||
brandName="TOPGUN HONOLULU"
|
||||
/>
|
||||
@@ -52,77 +44,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Cuts. Elite Style."
|
||||
description="Honolulu’s premier barbershop for modern gentlemen. We deliver military-inspired precision for the uncompromising man."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Expert Barbers",
|
||||
},
|
||||
value: "10+", label: "Expert Barbers"},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
value: "5000+", label: "Satisfied Clients"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "5.0", label: "Star Rating"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ Honolulu gentlemen."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision",
|
||||
},
|
||||
type: "text", text: "Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Style",
|
||||
},
|
||||
type: "text", text: "Elite Style"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Honolulu Based",
|
||||
},
|
||||
type: "text", text: "Honolulu Based"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Grooming",
|
||||
},
|
||||
type: "text", text: "Modern Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Military Standards",
|
||||
},
|
||||
type: "text", text: "Military Standards"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,52 +104,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Popular",
|
||||
price: "$55",
|
||||
subtitle: "Signature Haircut",
|
||||
features: [
|
||||
"Precision Cut",
|
||||
"Detailed Fade",
|
||||
"Hot Towel Finish",
|
||||
],
|
||||
id: "1", badge: "Popular", price: "$55", subtitle: "Signature Haircut", features: [
|
||||
"Precision Cut", "Detailed Fade", "Hot Towel Finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
text: "Book Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Upgrade",
|
||||
price: "$75",
|
||||
subtitle: "The Topgun Fade",
|
||||
features: [
|
||||
"Skin Fade",
|
||||
"Beard Sculpting",
|
||||
"Straight Razor Finish",
|
||||
],
|
||||
id: "2", badge: "Upgrade", price: "$75", subtitle: "The Topgun Fade", features: [
|
||||
"Skin Fade", "Beard Sculpting", "Straight Razor Finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
text: "Book Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Executive",
|
||||
price: "$90",
|
||||
subtitle: "Hot Towel Shave",
|
||||
features: [
|
||||
"Full Shave",
|
||||
"Facial Massage",
|
||||
"Essential Oils",
|
||||
"Cold Towel",
|
||||
],
|
||||
id: "3", badge: "Executive", price: "$90", subtitle: "Hot Towel Shave", features: [
|
||||
"Full Shave", "Facial Massage", "Essential Oils", "Cold Towel"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
text: "Book Now"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -201,60 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James K.",
|
||||
date: "Oct 2023",
|
||||
title: "Best Cut in Hawaii",
|
||||
quote: "The precision and attention to detail are unmatched.",
|
||||
tag: "Elite Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=2",
|
||||
imageAlt: "luxury barbershop interior modern",
|
||||
},
|
||||
id: "1", name: "James K.", date: "Oct 2023", title: "Best Cut in Hawaii", quote: "The precision and attention to detail are unmatched.", tag: "Elite Service", avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=2", imageAlt: "luxury barbershop interior modern"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert M.",
|
||||
date: "Nov 2023",
|
||||
title: "Top Tier",
|
||||
quote: "Professional, clean, and incredibly sharp cuts every time.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=1",
|
||||
imageAlt: "well groomed man portrait",
|
||||
},
|
||||
id: "2", name: "Robert M.", date: "Nov 2023", title: "Top Tier", quote: "Professional, clean, and incredibly sharp cuts every time.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=1", imageAlt: "well groomed man portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David W.",
|
||||
date: "Dec 2023",
|
||||
title: "Luxury Experience",
|
||||
quote: "Walking in feels like stepping into a premium club.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=3",
|
||||
imageAlt: "luxury barbershop interior modern",
|
||||
},
|
||||
id: "3", name: "David W.", date: "Dec 2023", title: "Luxury Experience", quote: "Walking in feels like stepping into a premium club.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=3", imageAlt: "luxury barbershop interior modern"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex C.",
|
||||
date: "Jan 2024",
|
||||
title: "Incredible Service",
|
||||
quote: "They don't just cut hair, they craft a look.",
|
||||
tag: "New Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=2",
|
||||
imageAlt: "well groomed man portrait",
|
||||
},
|
||||
id: "4", name: "Alex C.", date: "Jan 2024", title: "Incredible Service", quote: "They don't just cut hair, they craft a look.", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg?_wi=2", imageAlt: "well groomed man portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Michael S.",
|
||||
date: "Feb 2024",
|
||||
title: "Professionalism",
|
||||
quote: "The hot towel shave is a game changer.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=4",
|
||||
imageAlt: "luxury barbershop interior modern",
|
||||
},
|
||||
id: "5", name: "Michael S.", date: "Feb 2024", title: "Professionalism", quote: "The hot towel shave is a game changer.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=4", imageAlt: "luxury barbershop interior modern"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="See why Honolulu trusts Topgun Barbershop."
|
||||
@@ -265,8 +158,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Booking"
|
||||
title="Reserve Your Spot"
|
||||
description="Spaces fill up quickly. Secure your premium grooming session today."
|
||||
@@ -277,29 +169,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "123 Honolulu St, HI",
|
||||
href: "#",
|
||||
},
|
||||
label: "550 Paiea St # 120, Honolulu, HI 96819", href: "#"},
|
||||
{
|
||||
label: "Open Mon-Sat 9am-7pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Fri 9 AM–7 PM, Sat-Sun 9 AM–6 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user