bender/08f1dabc-6a6b-465a-8f8b-08dc43318578
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-10 00:04:10 +00:00
parent bc91c3902c
commit fafb134c16
1 changed files with 20 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/app/page.tsx
View File

@@ -7,9 +7,8 @@ import FeatureCardThree from '@/components/sections/feature/featureCardThree/Fea
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Sparkles, Star } from "lucide-react";
import { Sparkles } from "lucide-react";
export default function LandingPage() {
return (
@@ -30,25 +29,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
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: "Gallery",
id: "gallery",
},
name: "Gallery", id: "/gallery"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="African Indian Queen"
/>
@@ -64,25 +53,15 @@ export default function LandingPage() {
textPosition="bottom"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg",
alt: "Happy Customer 1",
},
src: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg", alt: "Happy Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
alt: "Happy Customer 2",
},
src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg", alt: "Happy Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",
alt: "Happy Customer 3",
},
src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg", alt: "Happy Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
alt: "Happy Customer 4",
},
src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", alt: "Happy Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg",
alt: "Happy Customer 5",
},
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12356.jpg", alt: "Happy Customer 5"},
]}
avatarText="Über 500 zufriedene Kunden"
/>
@@ -109,94 +88,28 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Braids",
description: "Klassisch oder modern, wir beherrschen alle Zopf-Techniken.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-hair-with-mirror_23-2149635033.jpg",
},
title: "Braids", description: "Klassisch oder modern, wir beherrschen alle Zopf-Techniken.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-hair-with-mirror_23-2149635033.jpg"},
{
title: "Dreads",
description: "Authentische Dreads mit höchster Präzision gestaltet.",
imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-with-braids-watching-camera_633478-1410.jpg",
},
title: "Dreads", description: "Authentische Dreads mit höchster Präzision gestaltet.", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-with-braids-watching-camera_633478-1410.jpg"},
{
title: "Extensions",
description: "Langes Haar voller Volumen und natürlichem Glanz.",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg",
},
title: "Extensions", description: "Langes Haar voller Volumen und natürlichem Glanz.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg"},
{
title: "Locken",
description: "Perfekt definierte Locken, die lange halten.",
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-woman-with-curly-hair-bright-neon-makeup-pattern-face-same-like-her-sweatshirt_633478-2208.jpg",
},
title: "Locken", description: "Perfekt definierte Locken, die lange halten.", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-woman-with-curly-hair-bright-neon-makeup-pattern-face-same-like-her-sweatshirt_633478-2208.jpg"},
{
title: "Glätten",
description: "Seidig glattes Haar für einen eleganten Look.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130987.jpg",
},
title: "Glätten", description: "Seidig glattes Haar für einen eleganten Look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-work_52683-130987.jpg"},
{
title: "Produkte & Mehr",
description: "Wir lernen stetig dazu und bieten exklusive Pflege.",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-arranged-shelf_23-2150718057.jpg",
},
title: "Produkte & Mehr", description: "Wir lernen stetig dazu und bieten exklusive Pflege.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-arranged-shelf_23-2150718057.jpg"},
]}
title="Unsere Dienstleistungen"
description="Vom Braids bis zum Glätten bieten wir ein exzellentes Portfolio für Ihren individuellen Stil."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Unsere Pakete"
description="Entdecken Sie unsere hochwertigen Styling-Pakete, perfekt abgestimmt auf Ihre Bedürfnisse."
plans={[
{
id: "basic",
badge: "Standard",
price: "ab 45€",
subtitle: "Basis-Haarpflege & Schnitt",
features: [
"Professioneller Schnitt",
"Haarwäsche inklusive",
"Styling-Beratung",
],
buttons: [
{
text: "Jetzt buchen",
href: "#contact",
},
],
},
{
id: "premium",
badge: "Empfohlen",
badgeIcon: Star,
price: "ab 120€",
subtitle: "Komplettes Styling-Erlebnis",
features: [
"Individuelle Braids",
"Extensions Anwendung",
"After-Care Produktpaket",
],
buttons: [
{
text: "Jetzt buchen",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="10+ Jahre Erfahrung"
title="Kontakt & Öffnungszeiten"
description="Besuchen Sie uns in der Karlstraße 10, 38106 Braunschweig."
@@ -209,13 +122,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="African Indian Queen"
leftLink={{
text: "Instagram: @African.indian.queen.salon",
href: "https://instagram.com/African.indian.queen.salon",
}}
text: "Instagram: @African.indian.queen.salon", href: "https://instagram.com/African.indian.queen.salon"}}
rightLink={{
text: "WhatsApp: 015234150175",
href: "https://wa.me/4915234150175",
}}
text: "WhatsApp: 015234150175", href: "https://wa.me/4915234150175"}}
/>
</div>
</ReactLenis>