bender/fe399863-d5c7-4f0f-b257-eadb85c1df86
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

7 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
c494902637 Update src/app/styles/variables.css 2026-03-26 19:29:40 +00:00
bender
a9ea7a48e0 Update src/app/page.tsx 2026-03-26 19:29:39 +00:00
bender
adff86ac3b Merge version_1 into main 
Merge version_1 into main
 2026-03-26 19:29:00 +00:00
bender
aa389e9e3a Merge version_1 into main 
Merge version_1 into main
 2026-03-26 19:27:48 +00:00
bender
0f2d327da7 Merge version_1 into main 
Merge version_1 into main
 2026-03-26 19:18:16 +00:00
bender
febe7de90a Merge version_1 into main 
Merge version_1 into main
 2026-03-26 19:17:52 +00:00
bender
daddf9c66c Merge version_1 into main 
Merge version_1 into main
 2026-03-26 19:17:25 +00:00
2 changed files with 30 additions and 49 deletions
Expand all files Collapse all files

71
src/app/page.tsx
View File

@@ -3,13 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Heart, Info, MapPin, ShoppingBag, Star } from "lucide-react";
import { Heart, MapPin, Phone } from "lucide-react";
export default function LandingPage() {
return (
@@ -42,15 +42,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Kamel Cosmétique"
description="Votre magasin de beauté à Boudouaou. Découvrez notre sélection exclusive de cosmétiques et produits de soins pour révéler votre éclat naturel."
description="Votre destination beauté à Boudouaou. Découvrez notre sélection exclusive de cosmétiques et produits de soins pour révéler votre éclat naturel."
background={{ variant: "gradient-bars" }}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8247.jpg?_wi=1", imageAlt: "cosmetics store interior display shelf" },
{ imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47300.jpg?_wi=1", imageAlt: "cosmetic shop front view" },
{ imageSrc: "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151519461.jpg?_wi=1", imageAlt: "makeup foundation glass bottle" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238267.jpg?_wi=1", imageAlt: "lipstick set aesthetic beige background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-cream-concept_23-2148578661.jpg?_wi=1", imageAlt: "face cream jar aesthetic" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8247.jpg?_wi=2", imageAlt: "cosmetics store interior display shelf" }
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8247.jpg?_wi=1", imageAlt: "cosmetics store interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47300.jpg?_wi=1", imageAlt: "cosmetic shop front" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238267.jpg?_wi=1", imageAlt: "skincare products" }
]}
mediaAnimation="slide-up"
/>
@@ -60,8 +57,8 @@ export default function LandingPage() {
<TestimonialAboutCard
tag="À propos de nous"
title="Votre beauté, notre priorité"
description="Kamel Cosmétique est votre magasin de beauté à Boudouaou. Nous proposons une large gamme de cosmétiques, maquillage et produits de beauté pour prendre soin de vous."
subdescription="Notre équipe est à votre écoute pour vous conseiller et vous aider à trouver les produits qui vous conviennent parfaitement."
description="Kamel Cosmétique est votre magasin de référence à Boudouaou, alliant expertise et conseil personnalisé."
subdescription="Notre équipe est à votre écoute pour vous conseiller et vous accompagner dans votre routine beauté quotidienne."
icon={Heart}
imageSrc="http://img.b2bpic.net/free-photo/brunette-girl-woman-white-fur-coat-girl-counter_1157-47300.jpg?_wi=2"
mediaAnimation="slide-up"
@@ -74,66 +71,50 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
title="Nos catégories"
description="Explorez notre sélection de produits de beauté soigneusement choisis."
title="Nos collections"
description="Explorez notre sélection premium de maquillage, soins et accessoires."
useInvertedBackground={false}
products={[
{ id: "1", brand: "Kamel", name: "Maquillage", price: "Gamme variée", rating: 5, reviewCount: "12 avis", imageSrc: "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151519461.jpg?_wi=2" },
{ id: "2", brand: "Kamel", name: "Soins du visage", price: "Gamme variée", rating: 5, reviewCount: "18 avis", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238267.jpg?_wi=2" },
{ id: "3", brand: "Kamel", name: "Accessoires", price: "Gamme variée", rating: 5, reviewCount: "9 avis", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-cream-concept_23-2148578661.jpg?_wi=2" }
{ id: "1", brand: "Kamel", name: "Maquillage Pro", price: "Varié", rating: 5, reviewCount: "12 avis", imageSrc: "http://img.b2bpic.net/free-psd/perfume-template-design_23-2151519461.jpg?_wi=2" },
{ id: "2", brand: "Kamel", name: "Soins Visage", price: "Varié", rating: 5, reviewCount: "18 avis", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238267.jpg?_wi=2" },
{ id: "3", brand: "Kamel", name: "Accessoires Beauté", price: "Varié", rating: 5, reviewCount: "9 avis", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-natural-cream-concept_23-2148578661.jpg?_wi=2" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Avis de nos clients"
cardTitle="Avis Clients"
cardTag="4,1 / 5 (23 avis)"
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Doria Boudiaf", imageSrc: "http://img.b2bpic.net/free-photo/neutral-abstract-texture-simple-background_53876-102511.jpg" },
{ id: "2", name: "Sekheri Imen", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-minimalist-background_23-2150301351.jpg" },
{ id: "3", name: "Client", imageSrc: "http://img.b2bpic.net/free-vector/neumorphism-wavy-banner-with-best-minimalism-skeuomorphism_1017-61928.jpg" },
{ id: "4", name: "Client", imageSrc: "http://img.b2bpic.net/free-photo/acrylic-painting-background-pink-beige-wallpaper-image_53876-102534.jpg" }
{ id: "1", name: "Doria B.", imageSrc: "http://img.b2bpic.net/free-photo/neutral-abstract-texture-simple-background_53876-102511.jpg" },
{ id: "2", name: "Imen S.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-minimalist-background_23-2150301351.jpg" },
{ id: "3", name: "Fatima Z.", imageSrc: "http://img.b2bpic.net/free-vector/neumorphism-wavy-banner-with-best-minimalism-skeuomorphism_1017-61928.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Contact"
title="Rendez-nous visite"
description="PCG5+PR8, Rue des Frères Aoudia, Boudouaou, Algérie | Ouvert tous les jours jusqu'à 22h00."
tag="Nous contacter"
title="Localisation et Contact"
description="Retrouvez-nous au centre de Boudouaou, Rue des Frères Aoudia. Ouvert 7j/7 jusqu'à 22h00."
buttons={[
{ text: "0550 48 31 49", href: "tel:0550483149" },
{ text: "Itinéraire", href: "https://maps.app.goo.gl/" }
{ text: "Appeler le 0550 48 31 49", href: "tel:0550483149" },
{ text: "Ouvrir l'itinéraire", href: "https://maps.app.goo.gl/" }
]}
background={{ variant: "plain" }}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/shopping-concept-with-woman-front-store_23-2147705123.jpg"
<FooterLogoReveal
logoText="Kamel Cosmétique"
copyrightText="© 2025 Kamel Cosmétique. Boudouaou, Algérie."
columns={[
{
title: "Navigation", items: [
{ label: "Accueil", href: "#hero" },
{ label: "Produits", href: "#products" },
{ label: "Avis", href: "#testimonials" }
]
},
{
title: "Informations", items: [
{ label: "Horaires", href: "#" },
{ label: "Contact", href: "#contact" }
]
}
]}
leftLink={{ text: "Confidentialité", href: "#" }}
rightLink={{ text: "© 2025 Kamel Cosmétique", href: "#" }}
/>
</div>
</ReactLenis>

8
src/app/styles/variables.css
View File

@@ -12,13 +12,13 @@
--background: #f7f6f7;
--card: #ffffff;
--foreground: #250c0d;
--primary-cta: #b82b40;
--foreground: #1b0c25;
--primary-cta: #1b0c25;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #250c0d;
--accent: #b90941;
--background-accent: #e8a8b6;
--accent: #ff93e4;
--background-accent: #e8a8c3;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);