bender/a91edf4c-7bbd-4d68-a8e8-4378e95056df
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-15 01:13:45 +00:00
parent e24bc1e00c
commit eb23bb1a49
1 changed files with 54 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

223
src/app/page.tsx
View File

@@ -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"},
],
},
]}