bender/7debe48d-b341-4d91-ad69-c8acf33eab44
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-05-02 07:11:14 +00:00
parent 8a25a88368
commit 84eee62e6c
1 changed files with 58 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

261
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Supercuts"
/>
@@ -60,64 +50,41 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Professional Cuts for Every Style"
description="Expert styling, precision haircuts, and the perfect look designed just for you. Visit your neighborhood Supercuts today."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-getting-haircut_23-2148817196.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-getting-haircut_23-2148817196.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-pink-sweater-smiling-vintage-lights_114579-81359.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-pink-sweater-smiling-vintage-lights_114579-81359.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167196.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-with-client_23-2150167196.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-laughing-sitting-floor-white-wall_176420-8539.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-laughing-sitting-floor-white-wall_176420-8539.jpg", alt: "Client 5"},
]}
avatarText="Trusted by 1M+ customers"
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
]}
marqueeItems={[
{
type: "text-icon",
text: "Precision Styling",
icon: Scissors,
type: "text-icon", text: "Precision Styling", icon: Scissors,
},
{
type: "text-icon",
text: "Expert Technicians",
icon: User,
type: "text-icon", text: "Expert Technicians", icon: User,
},
{
type: "text-icon",
text: "Affordable Quality",
icon: Sparkles,
type: "text-icon", text: "Affordable Quality", icon: Sparkles,
},
{
type: "text-icon",
text: "Modern Atmosphere",
icon: Building2,
type: "text-icon", text: "Modern Atmosphere", icon: Building2,
},
{
type: "text-icon",
text: "Consistent Results",
icon: CheckCircle,
type: "text-icon", text: "Consistent Results", icon: CheckCircle,
},
]}
/>
@@ -128,19 +95,13 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "The Supercuts Difference",
},
type: "text", content: "The Supercuts Difference"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/various-hairdressing-equipment-white-background_23-2147711631.jpg",
alt: "Salon expertise",
},
type: "image", src: "http://img.b2bpic.net/free-photo/various-hairdressing-equipment-white-background_23-2147711631.jpg", alt: "Salon expertise"},
]}
buttons={[
{
text: "Learn More",
},
text: "Learn More"},
]}
/>
</div>
@@ -152,28 +113,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Cuts",
description: "Classic and trendy cuts for everyone.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
imageAlt: "professional hair salon interior",
title: "Precision Cuts", description: "Classic and trendy cuts for everyone.", bentoComponent: "reveal-icon", icon: Scissors
},
{
title: "Color Services",
description: "Vibrant and natural color treatments.",
bentoComponent: "reveal-icon",
icon: Palette,
imageSrc: "http://img.b2bpic.net/free-photo/various-hairdressing-equipment-white-background_23-2147711631.jpg",
imageAlt: "professional hair salon interior",
title: "Color Services", description: "Vibrant and natural color treatments.", bentoComponent: "reveal-icon", icon: Palette
},
{
title: "Style Refresh",
description: "Look your best with our professional styling.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg?_wi=1",
imageAlt: "professional hair salon interior",
title: "Style Refresh", description: "Look your best with our professional styling.", bentoComponent: "reveal-icon", icon: Sparkles
},
]}
title="Services You'll Love"
@@ -188,52 +134,28 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "1",
badge: "Popular",
price: "$25",
subtitle: "Basic Cut & Style",
buttons: [
id: "1", badge: "Popular", price: "$25", subtitle: "Basic Cut & Style", buttons: [
{
text: "Book",
},
text: "Book"},
],
features: [
"Precision cut",
"Shampoo",
"Quick style",
],
"Precision cut", "Shampoo", "Quick style"],
},
{
id: "2",
badge: "Value",
price: "$45",
subtitle: "Cut & Color",
buttons: [
id: "2", badge: "Value", price: "$45", subtitle: "Cut & Color", buttons: [
{
text: "Book",
},
text: "Book"},
],
features: [
"Precision cut",
"Root color",
"Full style",
],
"Precision cut", "Root color", "Full style"],
},
{
id: "3",
badge: "Elite",
price: "$60",
subtitle: "Total Transformation",
buttons: [
id: "3", badge: "Elite", price: "$60", subtitle: "Total Transformation", buttons: [
{
text: "Book",
},
text: "Book"},
],
features: [
"Precision cut",
"Full highlight",
"Deep conditioning",
],
"Precision cut", "Full highlight", "Deep conditioning"],
},
]}
title="Simple Pricing"
@@ -248,26 +170,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1M+",
title: "Happy Clients",
description: "Served this year",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dynamic-textured-wave-background_1048-10491.jpg",
},
id: "m1", value: "1M+", title: "Happy Clients", description: "Served this year", imageSrc: "http://img.b2bpic.net/free-photo/abstract-dynamic-textured-wave-background_1048-10491.jpg"},
{
id: "m2",
value: "5k+",
title: "Stylists",
description: "Across the nation",
imageSrc: "http://img.b2bpic.net/free-photo/filling-beer-glass_23-2148111236.jpg",
},
id: "m2", value: "5k+", title: "Stylists", description: "Across the nation", imageSrc: "http://img.b2bpic.net/free-photo/filling-beer-glass_23-2148111236.jpg"},
{
id: "m3",
value: "98%",
title: "Satisfaction",
description: "Highly rated service",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860322.jpg",
},
id: "m3", value: "98%", title: "Satisfaction", description: "Highly rated service", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860322.jpg"},
]}
title="By The Numbers"
description="Serving millions with professional excellence."
@@ -282,45 +189,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Jane D.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
},
id: "1", name: "Jane D.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg"},
{
id: "2",
name: "Mark S.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
},
id: "2", name: "Mark S.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg"},
{
id: "3",
name: "Alice M.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-fun-morning-indoor-shot-spectacular-blonde-woman-red-silk-sleepwear_197531-20967.jpg",
},
id: "3", name: "Alice M.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-fun-morning-indoor-shot-spectacular-blonde-woman-red-silk-sleepwear_197531-20967.jpg"},
{
id: "4",
name: "Sam K.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-posing-together-medium-shot_23-2149883718.jpg",
},
id: "4", name: "Sam K.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-posing-together-medium-shot_23-2149883718.jpg"},
{
id: "5",
name: "Laura B.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-laughing-sitting-floor-white-wall_176420-8539.jpg",
},
id: "5", name: "Laura B.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-laughing-sitting-floor-white-wall_176420-8539.jpg"},
]}
title="Hear From Clients"
description="Real experiences from real people."
@@ -333,22 +215,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need an appointment?",
content: "While walk-ins are welcome, we recommend booking online for shorter wait times.",
},
id: "f1", title: "Do I need an appointment?", content: "While walk-ins are welcome, we recommend booking online for shorter wait times."},
{
id: "f2",
title: "What services do you offer?",
content: "We offer haircuts, styling, color services, and deep conditioning treatments.",
},
id: "f2", title: "What services do you offer?", content: "We offer haircuts, styling, color services, and deep conditioning treatments."},
{
id: "f3",
title: "Is my consultation free?",
content: "Yes, all stylists provide a free style consultation before every cut.",
},
id: "f3", title: "Is my consultation free?", content: "Yes, all stylists provide a free style consultation before every cut."},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-hairdressing-salon_23-2147737029.jpg"
mediaAnimation="slide-up"
title="Common Questions"
description="Have questions? We're here to help."
@@ -363,20 +236,12 @@ export default function LandingPage() {
description="Ready for your next cut? Book now or send us a message."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
name: "name", type: "text", placeholder: "Your Name"},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
name: "email", type: "email", placeholder: "Your Email"},
]}
textarea={{
name: "message",
placeholder: "Your message here...",
}}
name: "message", placeholder: "Your message here..."}}
imageSrc="http://img.b2bpic.net/free-photo/elderly-couple-talk-about-vacation-plans_482257-81671.jpg"
/>
</div>
@@ -385,29 +250,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}