Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
]}
|
||||
brandName="Ortahaus"
|
||||
/>
|
||||
@@ -54,68 +46,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision. Style. Presence."
|
||||
description="Houston’s premier grooming experience — where craftsmanship meets culture."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Call Now (832-649-7646)",
|
||||
href: "tel:8326497646",
|
||||
},
|
||||
text: "Call Now (832-649-7646)", href: "tel:8326497646"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-coffee-shop-items-arrangement_23-2149434608.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/half-lose-up-portrait-smiling-male-doctor_171337-1488.jpg",
|
||||
alt: "Smiling male client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/half-lose-up-portrait-smiling-male-doctor_171337-1488.jpg", alt: "Smiling male client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
alt: "Happy male client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Happy male client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg",
|
||||
alt: "Confident client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg", alt: "Confident client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg",
|
||||
alt: "Well-groomed client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg", alt: "Well-groomed client"},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
type: "text", text: "Classic Cuts"},
|
||||
{
|
||||
type: "text-icon", text: "Modern Fades", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Modern Fades",
|
||||
icon: Scissors,
|
||||
type: "text", text: "Beard Sculpting"},
|
||||
{
|
||||
type: "text-icon", text: "Hot Towel Service", icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Sculpting",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hot Towel Service",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Experience",
|
||||
},
|
||||
type: "text", text: "Luxury Experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,45 +95,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Client",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Client", company: "Houston", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Client",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-young-handsome-guy-autumn-park_181624-41390.jpg?id=16364379",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Client", company: "Houston", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-young-handsome-guy-autumn-park_181624-41390.jpg?id=16364379"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Client",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/premium-photo/portrait-relax-smile-girl-stone-wall-holiday-travel-vacation-summer-break-sky-space-with-happy-hippie-person-outdoor-rock-barrier-getaway-me-time-weekend-trip_590464-564209.jpg?id=426406222",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Client", company: "Houston", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/premium-photo/portrait-relax-smile-girl-stone-wall-holiday-travel-vacation-summer-break-sky-space-with-happy-hippie-person-outdoor-rock-barrier-getaway-me-time-weekend-trip_590464-564209.jpg?id=426406222"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Client",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3554.jpg?id=7090536",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Client", company: "Houston", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3554.jpg?id=7090536"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Wilson",
|
||||
role: "Client",
|
||||
company: "Houston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-jacket-grey-background_613910-1319.jpg",
|
||||
},
|
||||
id: "5", name: "James Wilson", role: "Client", company: "Houston", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-jacket-grey-background_613910-1319.jpg"},
|
||||
]}
|
||||
title="Trusted by Houston’s Finest"
|
||||
description="Read what our clients have to say about their experience at Ortahaus."
|
||||
@@ -179,9 +121,7 @@ export default function LandingPage() {
|
||||
title="More Than a Haircut — It’s an Experience"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -193,50 +133,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$35",
|
||||
name: "Signature Haircut",
|
||||
buttons: [
|
||||
id: "basic", price: "$35", name: "Signature Haircut", buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Style & advice",
|
||||
],
|
||||
"Precision cut", "Style & advice"],
|
||||
},
|
||||
{
|
||||
id: "mid",
|
||||
price: "$25",
|
||||
name: "Beard Sculpting",
|
||||
buttons: [
|
||||
id: "mid", price: "$25", name: "Beard Sculpting", buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Precision shaping",
|
||||
"Detailing",
|
||||
],
|
||||
"Precision shaping", "Detailing"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$60",
|
||||
name: "Full Grooming Experience",
|
||||
buttons: [
|
||||
id: "pro", price: "$60", name: "Full Grooming Experience", buttons: [
|
||||
{
|
||||
text: "Book",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Haircut & Beard",
|
||||
"Hot towel",
|
||||
"Style",
|
||||
],
|
||||
"Haircut & Beard", "Hot towel", "Style"],
|
||||
},
|
||||
]}
|
||||
title="Services"
|
||||
@@ -251,34 +169,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Atmosphere",
|
||||
title: "Premium Environment",
|
||||
items: [
|
||||
"Upscale design",
|
||||
"Comfortable chairs",
|
||||
"Industrial aesthetic",
|
||||
],
|
||||
id: "f1", label: "Atmosphere", title: "Premium Environment", items: [
|
||||
"Upscale design", "Comfortable chairs", "Industrial aesthetic"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Excellence",
|
||||
title: "Skilled Barbers",
|
||||
items: [
|
||||
"Attention to detail",
|
||||
"Experienced pros",
|
||||
"Modern techniques",
|
||||
],
|
||||
id: "f2", label: "Excellence", title: "Skilled Barbers", items: [
|
||||
"Attention to detail", "Experienced pros", "Modern techniques"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Detail",
|
||||
title: "Personalized Service",
|
||||
items: [
|
||||
"Custom consultation",
|
||||
"Tailored results",
|
||||
"Consistent quality",
|
||||
],
|
||||
id: "f3", label: "Detail", title: "Personalized Service", items: [
|
||||
"Custom consultation", "Tailored results", "Consistent quality"],
|
||||
},
|
||||
]}
|
||||
title="Why Ortahaus?"
|
||||
@@ -290,18 +190,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="920 Studemont St, Houston, TX 77007 | 832-649-7646 | Tue–Sat: 10 AM – 8 PM"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,29 +207,19 @@ export default function LandingPage() {
|
||||
logoText="Ortahaus"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "920 Studemont St",
|
||||
href: "#",
|
||||
},
|
||||
label: "920 Studemont St", href: "#"},
|
||||
{
|
||||
label: "Houston, TX",
|
||||
href: "#",
|
||||
},
|
||||
label: "Houston, TX", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
label: "Book Now", href: "#"},
|
||||
{
|
||||
label: "Call Shop",
|
||||
href: "tel:8326497646",
|
||||
},
|
||||
label: "Call Shop", href: "tel:8326497646"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user