bender/08f1dabc-6a6b-465a-8f8b-08dc43318578
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-04-10 00:04:13 +00:00
parent 2c23476764 fafb134c16
commit 34839e3897
2 changed files with 84 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,64 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
export default function GalleryPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/" },
{ name: "Services", id: "/" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/" },
]}
brandName="African Indian Queen"
/>
</div>
<div id="gallery" data-section="gallery" className="pt-32 pb-20">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
title="Unsere Galerie"
description="Impressionen aus unserem Salon und zufriedene Kundenergebnisse."
features={[
{ title: "Braids", description: "Styling 1", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-hair-with-mirror_23-2149635033.jpg" },
{ title: "Dreads", description: "Styling 2", imageSrc: "http://img.b2bpic.net/free-photo/black-woman-s-portrait-with-braids-watching-camera_633478-1410.jpg" },
{ title: "Extensions", description: "Styling 3", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-dried_23-2148108866.jpg" },
{ title: "Locken", description: "Styling 4", 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" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="African Indian Queen"
leftLink={{ text: "Instagram", href: "https://instagram.com/African.indian.queen.salon" }}
rightLink={{ text: "WhatsApp", href: "https://wa.me/4915234150175" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

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>