bender/d124db75-4baa-458c-ba24-913ddc103bac
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-06-10 20:35:52 +00:00
parent 651f632f7c
commit 4ba522eed7
1 changed files with 72 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

318
src/app/page.tsx
View File

@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
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: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/scissors-sketch-blackboard_1379-462.jpg"
logoAlt="INKA CUTS logo"
@@ -70,85 +56,54 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Your Style, Perfected."
description="Experience top-tier barbering at INKA CUTS. Precision cuts, personalized grooming, and a relaxing atmosphere await you."
kpis={[
{
value: "4.9",
label: "Rating",
},
value: "4.9", label: "Rating"},
{
value: "47",
label: "Reviews",
},
value: "47", label: "Reviews"},
{
value: "10+",
label: "Years",
},
value: "10+", label: "Years"},
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg"
imageAlt="Modern barber chair in a stylish studio"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
alt: "Happy Client John D.",
},
src: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", alt: "Happy Client John D."},
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg",
alt: "Pleased Customer Jane S.",
},
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg", alt: "Pleased Customer Jane S."},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg",
alt: "Smiling Patron Alex P.",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2148920100.jpg", alt: "Smiling Patron Alex P."},
{
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6826.jpg",
alt: "Satisfied Client Chris B.",
},
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6826.jpg", alt: "Satisfied Client Chris B."},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg",
alt: "Grateful Customer Sarah M.",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg", alt: "Grateful Customer Sarah M."},
]}
avatarText="Loved by 5000+ happy clients"
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
]}
marqueeItems={[
{
type: "text",
text: "Precision Cuts",
type: "text", text: "Precision Cuts"},
{
type: "text-icon", text: "Expert Team", icon: Star,
},
{
type: "text-icon",
text: "Expert Team",
icon: Star,
type: "text", text: "Luxury Experience"},
{
type: "text-icon", text: "Client Focused", icon: Heart,
},
{
type: "text",
text: "Luxury Experience",
},
{
type: "text-icon",
text: "Client Focused",
icon: Heart,
},
{
type: "text",
text: "Book Your Visit",
},
type: "text", text: "Book Your Visit"},
]}
/>
</div>
@@ -157,7 +112,6 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Crafting Looks, Building Confidence"
description="At INKA CUTS BARBER STUDIO, we believe a great haircut is more than just a trim—it's an experience. Our skilled barbers are dedicated to precision, attention to detail, and creating a look that truly reflects your style. Step into a clean, inviting space where quality service and client satisfaction are our top priorities."
/>
</div>
@@ -168,52 +122,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts",
description: "Expert cuts tailored to your head shape and style preferences, ensuring a sharp and lasting look.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/scissors-sketch-blackboard_1379-462.jpg",
imageAlt: "barber studio logo elegant",
title: "Precision Haircuts", description: "Expert cuts tailored to your head shape and style preferences, ensuring a sharp and lasting look.", bentoComponent: "reveal-icon", icon: Scissors,
},
{
title: "Classic Shaves",
description: "Indulge in a traditional hot towel shave, leaving your skin smooth and refreshed.",
bentoComponent: "reveal-icon",
icon: Crop,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rake-near-collar_23-2147799914.jpg?_wi=2",
imageAlt: "barber studio logo elegant",
title: "Classic Shaves", description: "Indulge in a traditional hot towel shave, leaving your skin smooth and refreshed.", bentoComponent: "reveal-icon", icon: Crop,
},
{
title: "Beard Trims & Styling",
description: "From minor touch-ups to complete beard transformations, we sculpt your facial hair to perfection.",
bentoComponent: "reveal-icon",
icon: Crown,
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg?_wi=1",
imageAlt: "barber studio logo elegant",
title: "Beard Trims & Styling", description: "From minor touch-ups to complete beard transformations, we sculpt your facial hair to perfection.", bentoComponent: "reveal-icon", icon: Crown,
},
{
title: "High-Quality Products",
description: "We use and offer only the finest grooming products to complement your style and maintain hair health.",
bentoComponent: "reveal-icon",
icon: Droplet,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg?_wi=1",
imageAlt: "barber studio logo elegant",
title: "High-Quality Products", description: "We use and offer only the finest grooming products to complement your style and maintain hair health.", bentoComponent: "reveal-icon", icon: Droplet,
},
{
title: "Relaxing Atmosphere",
description: "Enjoy a calm and welcoming environment designed for your comfort and relaxation.",
bentoComponent: "reveal-icon",
icon: Home,
imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg?_wi=1",
imageAlt: "barber studio logo elegant",
title: "Relaxing Atmosphere", description: "Enjoy a calm and welcoming environment designed for your comfort and relaxation.", bentoComponent: "reveal-icon", icon: Home,
},
{
title: "Personalized Consultation",
description: "Every visit begins with a discussion to understand your needs and recommend the best options.",
bentoComponent: "reveal-icon",
icon: MessageSquare,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
imageAlt: "barber studio logo elegant",
title: "Personalized Consultation", description: "Every visit begins with a discussion to understand your needs and recommend the best options.", bentoComponent: "reveal-icon", icon: MessageSquare,
},
]}
title="Our Signature Services"
@@ -228,58 +152,30 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic-cut",
badge: "Popular",
badgeIcon: Sparkles,
price: "$20",
subtitle: "Standard Haircut",
features: [
"Precision cut",
"Professional finish",
"Quick service",
],
id: "basic-cut", badge: "Popular", badgeIcon: Sparkles,
price: "$20", subtitle: "Standard Haircut", features: [
"Precision cut", "Professional finish", "Quick service"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
},
{
id: "shave-beard",
badge: "Signature",
badgeIcon: Star,
price: "$15",
subtitle: "Beard Trim & Shave",
features: [
"Hot towel treatment",
"Beard shaping",
"Aftershave balm",
],
id: "shave-beard", badge: "Signature", badgeIcon: Star,
price: "$15", subtitle: "Beard Trim & Shave", features: [
"Hot towel treatment", "Beard shaping", "Aftershave balm"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
},
{
id: "full-groom",
badge: "Premium",
badgeIcon: Crown,
price: "$35",
subtitle: "Full Grooming Package",
features: [
"Precision cut",
"Classic shave",
"Beard styling",
"Hair wash & style",
],
id: "full-groom", badge: "Premium", badgeIcon: Crown,
price: "$35", subtitle: "Full Grooming Package", features: [
"Precision cut", "Classic shave", "Beard styling", "Hair wash & style"],
buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
},
]}
@@ -296,26 +192,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "barber-1",
name: "Miguel Torres",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg?_wi=2",
imageAlt: "Portrait of Miguel Torres, a master barber",
},
id: "barber-1", name: "Miguel Torres", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/unpleased-looking-side-slavic-middle-aged-male-barber-uniform-holding-barber-tools-raising-hand-isolated-purple-wall_141793-90047.jpg", imageAlt: "Portrait of Miguel Torres, a master barber"},
{
id: "barber-2",
name: "Sofia Ramirez",
role: "Stylist Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg?_wi=2",
imageAlt: "Portrait of Sofia Ramirez, a stylist specialist",
},
id: "barber-2", name: "Sofia Ramirez", role: "Stylist Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg", imageAlt: "Portrait of Sofia Ramirez, a stylist specialist"},
{
id: "barber-3",
name: "Carlos Soto",
role: "Apprentice Barber",
imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg?_wi=2",
imageAlt: "Portrait of Carlos Soto, an apprentice barber",
},
id: "barber-3", name: "Carlos Soto", role: "Apprentice Barber", imageSrc: "http://img.b2bpic.net/free-photo/adorable-chihuahua-dog-with-female-owner_23-2149880067.jpg", imageAlt: "Portrait of Carlos Soto, an apprentice barber"},
]}
title="Meet Our Master Barbers"
description="Our team of experienced and passionate barbers are dedicated to mastering their craft and ensuring you leave looking and feeling your best."
@@ -330,25 +211,15 @@ export default function LandingPage() {
author="Oscar Jose Puertas - UTP"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
alt: "Client Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Client Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
alt: "Client Michael C.",
},
src: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", alt: "Client Michael C."},
{
src: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg",
alt: "Client Emily R.",
},
src: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg", alt: "Client Emily R."},
{
src: "http://img.b2bpic.net/free-photo/gray-haired-man_1321-1051.jpg",
alt: "Client David K.",
},
src: "http://img.b2bpic.net/free-photo/gray-haired-man_1321-1051.jpg", alt: "Client David K."},
{
src: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg",
alt: "Client Jessica L.",
},
src: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg", alt: "Client Jessica L."},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -360,30 +231,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How do I book an appointment?",
content: "You can easily book your appointment online through our website's booking system or by calling us directly during business hours.",
},
id: "faq-1", title: "How do I book an appointment?", content: "You can easily book your appointment online through our website's booking system or by calling us directly during business hours."},
{
id: "faq-2",
title: "Do you accept walk-ins?",
content: "While we highly recommend booking an appointment to ensure availability, we do accept walk-ins based on our barbers' schedules. Please call ahead for best results.",
},
id: "faq-2", title: "Do you accept walk-ins?", content: "While we highly recommend booking an appointment to ensure availability, we do accept walk-ins based on our barbers' schedules. Please call ahead for best results."},
{
id: "faq-3",
title: "What products do you use?",
content: "We proudly use a selection of premium grooming products from industry-leading brands, chosen for their quality and effectiveness. Our barbers can recommend products tailored to your hair and skin type.",
},
id: "faq-3", title: "What products do you use?", content: "We proudly use a selection of premium grooming products from industry-leading brands, chosen for their quality and effectiveness. Our barbers can recommend products tailored to your hair and skin type."},
{
id: "faq-4",
title: "Can I request a specific barber?",
content: "Yes, you can request your preferred barber when booking your appointment online or over the phone, subject to their availability.",
},
id: "faq-4", title: "Can I request a specific barber?", content: "Yes, you can request your preferred barber when booking your appointment online or over the phone, subject to their availability."},
{
id: "faq-5",
title: "What are your operating hours?",
content: "We are open Monday to Saturday from 9 AM to 9 PM. Sundays are by appointment only.",
},
id: "faq-5", title: "What are your operating hours?", content: "We are open Monday to Saturday from 9 AM to 9 PM. Sundays are by appointment only."},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
@@ -397,27 +253,16 @@ export default function LandingPage() {
description="Ready for a fresh look? Schedule your appointment with our expert barbers. We look forward to seeing you!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
},
name: "phone", type: "tel", placeholder: "Phone Number"},
]}
textarea={{
name: "message",
placeholder: "Your Message (Optional)",
rows: 4,
name: "message", placeholder: "Your Message (Optional)", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg"
imageAlt="Interior of a vibrant barber shop with empty chairs"
@@ -431,50 +276,31 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#services",
},
label: "Haircuts", href: "#services"},
{
label: "Shaves",
href: "#services",
},
label: "Shaves", href: "#services"},
{
label: "Beard Trims",
href: "#services",
},
label: "Beard Trims", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}