bender/e74738bf-d418-43f6-9516-e2692c97b56c
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-03-25 22:05:31 +00:00
parent fb6bd1c3c8
commit fd3cfee691
1 changed files with 40 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
src/app/page.tsx
View File

@@ -31,35 +31,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "about",
href: "#about",
},
name: "About", id: "#about"},
{
name: "Experience",
id: "experience",
href: "#experience",
},
name: "Experience", id: "#experience"},
{
name: "Shop",
id: "shop",
href: "#shop",
},
name: "Shop", id: "#shop"},
{
name: "Testimonials",
id: "testimonials",
href: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "contact",
href: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Afro Vibes Beauty"
/>
@@ -68,15 +50,12 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
title="Afro Vibes Beauty"
description="Experience unparalleled elegance in hair braiding & beauty. Your journey to stunning begins here, crafted with expertise and a touch of luxury."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/stylist-woman-taking-care-her-client-afro-hair_23-2149259362.jpg"
imageAlt="Professional hair braiding in a luxury salon with black marble textures and gold metallic accents"
@@ -91,9 +70,7 @@ export default function LandingPage() {
title="Crafting Confidence, One Braid at a Time"
buttons={[
{
text: "Book Your Transformation",
href: "#contact",
},
text: "Book Your Transformation", href: "#contact"},
]}
/>
</div>
@@ -102,32 +79,21 @@ export default function LandingPage() {
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
id: 1,
title: "Opulent Salon Floor",
description: "Indulge in a luxurious atmosphere where every detail is curated for your comfort. From plush seating to personalized consultations, your styling session will be an unforgettable experience.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-posing_1157-29404.jpg",
imageAlt: "Professional hair braiding on a client in a high-end salon setting",
},
title: "Opulent Salon Floor", description: "Indulge in a luxurious atmosphere where every detail is curated for your comfort. From plush seating to personalized consultations, your styling session will be an unforgettable experience.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-posing_1157-29404.jpg", imageAlt: "Professional hair braiding on a client in a high-end salon setting"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-gear-accessories_482257-76733.jpg",
imageAlt: "Luxury salon interior with black marble and gold metallic accents",
},
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-gear-accessories_482257-76733.jpg", imageAlt: "Luxury salon interior with black marble and gold metallic accents"},
},
{
id: 2,
title: "Premium Beauty Supply Shop",
description: "Elevate your daily routine with our exclusive range of high-quality hair care products and accessories. Find everything you need to nourish your hair and maintain your stunning braids.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317385.jpg?_wi=1",
imageAlt: "Premium braiding gel product",
},
title: "Premium Beauty Supply Shop", description: "Elevate your daily routine with our exclusive range of high-quality hair care products and accessories. Find everything you need to nourish your hair and maintain your stunning braids.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317385.jpg", imageAlt: "Premium braiding gel product"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721455.jpg?_wi=1",
imageAlt: "High-end hair oil product",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721455.jpg", imageAlt: "High-end hair oil product"},
},
]}
showStepNumbers={true}
@@ -136,9 +102,7 @@ export default function LandingPage() {
tag="The Afro Vibes Experience"
buttons={[
{
text: "Book An Appointment",
href: "#contact",
},
text: "Book An Appointment", href: "#contact"},
]}
/>
</div>
@@ -151,35 +115,18 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Afro Curl Enhancer",
price: "$28.00",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721455.jpg?_wi=2",
imageAlt: "Hair curl enhancer product",
},
id: "1", name: "Afro Curl Enhancer", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721455.jpg", imageAlt: "Hair curl enhancer product"},
{
id: "2",
name: "Luxury Braiding Gel",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317385.jpg?_wi=2",
imageAlt: "Luxury braiding gel product",
},
id: "2", name: "Luxury Braiding Gel", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317385.jpg", imageAlt: "Luxury braiding gel product"},
{
id: "3",
name: "Sleek Edge Control",
price: "$18.00",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg",
imageAlt: "Sleek edge control product",
},
id: "3", name: "Sleek Edge Control", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beauty-products-based-regenerative-agriculture_23-2150721381.jpg", imageAlt: "Sleek edge control product"},
]}
title="Maintain Your Radiance with Our Handpicked Products"
description="Our second-floor beauty supply shop offers a carefully curated selection of premium hair care products and styling essentials. Extend the life of your braids and nurture your natural hair with the best in beauty."
tag="Shop Our Collection"
buttons={[
{
text: "Visit Our Shop",
href: "#contact",
},
text: "Visit Our Shop", href: "#contact"},
]}
/>
</div>
@@ -189,29 +136,13 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-sitting-chair-stylish-green-leopard-printed-dress-isolated-green-studio-wall_285396-9949.jpg",
imageAlt: "Client Sarah J.",
},
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-sitting-chair-stylish-green-leopard-printed-dress-isolated-green-studio-wall_285396-9949.jpg", imageAlt: "Client Sarah J."},
{
id: "2",
name: "Nia R.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg",
imageAlt: "Client Nia R.",
},
id: "2", name: "Nia R.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-123449.jpg", imageAlt: "Client Nia R."},
{
id: "3",
name: "Maya S.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-friends-celebration-moments_23-2149168072.jpg",
imageAlt: "Client Maya S.",
},
id: "3", name: "Maya S.", imageSrc: "http://img.b2bpic.net/free-photo/girl-friends-celebration-moments_23-2149168072.jpg", imageAlt: "Client Maya S."},
{
id: "4",
name: "Chloe D.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-asian-model-girl-with-braided-hairstyle_158595-3609.jpg",
imageAlt: "Client Chloe D.",
},
id: "4", name: "Chloe D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-asian-model-girl-with-braided-hairstyle_158595-3609.jpg", imageAlt: "Client Chloe D."},
]}
cardTitle="What Our Clients Say About Us"
cardTag="Rave Reviews"
@@ -225,27 +156,16 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What are your hours of operation?",
content: "We are open Tuesday through Saturday, 10 AM - 7 PM. Sundays and Mondays are by appointment only.",
},
id: "1", title: "What are your hours of operation?", content: "We are open Tuesday through Saturday, 10 AM - 7 PM. Sundays and Mondays are by appointment only."},
{
id: "2",
title: "Do you offer consultations?",
content: "Yes, we offer complimentary consultations to discuss your desired style, hair health, and provide a personalized quote. Please book online.",
},
id: "2", title: "Do you offer consultations?", content: "Yes, we offer complimentary consultations to discuss your desired style, hair health, and provide a personalized quote. Please book online."},
{
id: "3",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, Apple Pay, and Google Pay. Cash payments are also welcome.",
},
id: "3", title: "What payment methods do you accept?", content: "We accept all major credit cards, Apple Pay, and Google Pay. Cash payments are also welcome."},
]}
ctaTitle="Ready for Your Afro Vibes Transformation?"
ctaDescription="Book your appointment with our expert stylists today and step into a world of luxury hair care and stunning braids. Connect with us for a consultation."
ctaButton={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
ctaIcon={Calendar}
/>
</div>
@@ -254,50 +174,31 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Braiding",
href: "#experience",
},
label: "Braiding", href: "#experience"},
{
label: "Hair Care",
href: "#shop",
},
label: "Hair Care", href: "#shop"},
{
label: "Consultations",
href: "#contact",
},
label: "Consultations", href: "#contact"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", 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: "#"},
],
},
]}