Switch to version 1: remove src/app/contact/page.tsx

Switch to version 1: modified src/app/page.tsx
Switch to version 1: modified src/app/layout.tsx
2026-05-06 22:12:44 +00:00 · 2026-05-06 22:12:44 +00:00 · 2026-05-06 22:12:43 +00:00 · 2026-05-06 22:12:24 +00:00 · 2026-05-06 22:09:57 +00:00 · 2026-05-06 22:07:33 +00:00
3 changed files with 63 additions and 138 deletions
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,38 +0,0 @@
-'use client';
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-
-export default function ContactPage() {
-  const navItems = [
-    { name: "Home", id: "/" },
-    { name: "Contact", id: "/contact" }
-  ];
-
-  return (
-    <ThemeProvider>
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay 
-          navItems={navItems} 
-          brandName="Webild"
-        />
-      </div>
-      <div id="contact" data-section="contact">
-        <ContactSplitForm 
-          title="Contact Us"
-          description="Get in touch"
-          inputs={[{ name: "email", type: "email", placeholder: "Email" }, { name: "name", type: "text", placeholder: "Name" }]}
-          useInvertedBackground={false}
-        />
-      </div>
-      <div id="footer" data-section="footer">
-        <FooterLogoEmphasis 
-          logoText="Webild"
-          columns={[]}
-        />
-      </div>
-    </ThemeProvider>
-  );
-}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -18,7 +18,7 @@ const inter = Inter({
  subsets: ["latin"],
 });

-export const metadata: Metadata = { title: 'Welcome to our platform', description: 'Premium services and products tailored for your needs.'excellence de la beauté chez Chez Iyad. Soins premium, K-Beauty et parfumerie d'exception. Prenez soin de votre beauté à Ouled Fayet, Cheraga.', openGraph: { title: 'Chez Iyad | Cosmétiques de Luxe & Soins à Ouled Fayet', description: 'Découvrez l'excellence de la beauté chez Chez Iyad. Soins premium, K-Beauty et parfumerie d'exception.', type: 'website' } };
+export const metadata: Metadata = { title: 'Chez Iyad | Cosmétiques de Luxe & Soins à Ouled Fayet', description: 'Découvrez l'excellence de la beauté chez Chez Iyad. Soins premium, K-Beauty et parfumerie d'exception. Prenez soin de votre beauté à Ouled Fayet, Cheraga.', openGraph: { title: 'Chez Iyad | Cosmétiques de Luxe & Soins à Ouled Fayet', description: 'Découvrez l'excellence de la beauté chez Chez Iyad. Soins premium, K-Beauty et parfumerie d'exception.', type: 'website' } };

 export default function RootLayout({
  children,
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,105 +1,68 @@
 "use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
-import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import ProductCardFour from "@/components/sections/product/ProductCardFour";
-import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import Link from "next/link";

-export default function Home() {
-  const navItems = [{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }];
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Sparkles, Award, Beaker, Heart, HelpCircle, BookOpen, ShoppingBag, MapPin } from 'lucide-react';
+
+export default function LandingPage() {
  return (
-    <ThemeProvider>
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={navItems} />
-      </div>
-      <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel 
-          title="Welcome" 
-          description="Experience the future" 
-          background={{ variant: "plain" }} 
-          carouselItems={[{id: "1"}, {id: "2"}, {id: "3"}, {id: "4"}, {id: "5"}, {id: "6"}]} 
-        />
-      </div>
-      <div id="social-proof" data-section="social-proof">
-        <SocialProofOne names={["Brand A", "Brand B"]} title="Trusted By" description="Industry leaders" />
-      </div>
-      <div id="products" data-section="products">
-        <ProductCardFour 
-          title="Products" 
-          description="Shop our collection" 
-          gridVariant="asymmetric-60-wide-40-narrow" 
-          animationType="opacity" 
-          useInvertedBackground={false} 
-          textboxLayout="default" 
-          products={[{id: "1", name: "P1", price: "$10", variant: "A", imageSrc: "img1"}, {id: "2", name: "P2", price: "$20", variant: "B", imageSrc: "img2"}, {id: "3", name: "P3", price: "$30", variant: "C", imageSrc: "img3"}]} 
-        />
-      </div>
-      <div id="ingredients" data-section="ingredients">
-        <FeatureCardSix 
-          title="Ingredients" 
-          description="Natural components" 
-          textboxLayout="default" 
-          features={[{title: "F1", description: "D1", imageSrc: "img1"}, {title: "F2", description: "D2", imageSrc: "img2"}]} 
-        />
-      </div>
-      <div id="influencers" data-section="influencers">
-        <FeatureCardOne 
-          title="Influencers" 
-          description="Meet our partners" 
-          textboxLayout="default" 
-          animationType="opacity" 
-          features={[{title: "I1", description: "D1", imageSrc: "img1"}, {title: "I2", description: "D2", imageSrc: "img2"}]} 
-        />
-      </div>
-      <div id="metrics" data-section="metrics">
-        <MetricCardEleven 
-          title="Metrics" 
-          description="Our growth" 
-          animationType="opacity" 
-          textboxLayout="default" 
-          metrics={[{id: "m1", value: "10", title: "T1", description: "D1", imageSrc: "img1"}, {id: "m2", value: "20", title: "T2", description: "D2", imageSrc: "img2"}]} 
-        />
-      </div>
-      <div id="blog" data-section="blog">
-        <BlogCardOne 
-          title="Blog" 
-          description="Latest news" 
-          animationType="opacity" 
-          textboxLayout="default" 
-          blogs={[{id: "b1", category: "Cat", title: "T1", excerpt: "E1", imageSrc: "img1", authorName: "A", authorAvatar: "", date: "2023"}, {id: "b2", category: "Cat", title: "T2", excerpt: "E2", imageSrc: "img2", authorName: "A", authorAvatar: "", date: "2023"}]} 
-        />
-      </div>
-      <div id="faq" data-section="faq">
-        <FaqSplitMedia 
-          title="FAQ" 
-          description="Questions answered" 
-          faqsAnimation="opacity" 
-          textboxLayout="default" 
-          faqs={[{id: "q1", title: "T1", content: "C1"}, {id: "q2", title: "T2", content: "C2"}]} 
-        />
-      </div>
-      <div id="contact" data-section="contact">
-        <ContactSplitForm 
-          title="Contact" 
-          description="Get in touch" 
-          inputs={[{name: "name", type: "text", placeholder: "Name"}, {name: "email", type: "email", placeholder: "Email"}]} 
-          useInvertedBackground={false} 
-        />
-      </div>
-      <div id="footer" data-section="footer">
-        <FooterLogoEmphasis 
-          logoText="Brand" 
-          columns={[{items: [{label: "Link"}]}]} 
-        />
-      </div>
+    <ThemeProvider defaultButtonVariant="bounce-effect" defaultTextAnimation="background-highlight" borderRadius="rounded" contentWidth="small" sizing="mediumLargeSizeLargeTitles" background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" headingFontWeight="semibold">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay brandName="Chez Iyad" navItems={[{ name: "Nos Produits", id: "products" }, { name: "Conseils", id: "ingredients" }, { name: "L'Expérience", id: "blog" }, { name: "Contact", id: "contact" }]} button={{ text: "Prendre rendez-vous", href: "tel:0770878143" }} />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel title="L'Excellence de la Beauté chez Iyad" description="Prenez soin de votre beauté et faites-vous plaisir avec notre sélection exclusive de soins de luxe et cosmétiques pointus à Ouled Fayet." tag="Beauté & Cosmétique" tagIcon={Sparkles} tagAnimation="slide-up" background={{ variant: "plain" }} buttons={[{ text: "Découvrir nos marques", href: "#products" }, { text: "Nous trouver", href: "#contact" }]} buttonAnimation="slide-up" carouselItems={[{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=voxcbj", imageAlt: "Ambiance boutique cosmétique" }, { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2txn1v", imageAlt: "Rayonnages produits luxe" }, { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxkpw6", imageAlt: "Soins visage haut de gamme" }, { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kv0mfd", imageAlt: "Packaging esthétique" }, { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rfqzlw", imageAlt: "Parfumerie fine" }, { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n33qfr", imageAlt: "Cosmétiques K-Beauty" }]} autoPlay={true} />
+        </div>
+
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne title="Nos Engagements" description="La qualité, l'expertise et la proximité au cœur de chaque produit sélectionné pour vous." names={["Qualité Premium", "Expertise Conseil", "K-Beauty", "Soins Ciblés"]} textboxLayout="default" useInvertedBackground={false} />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardFour title="Nos Collections" description="Une sélection pointue de marques de prestige et de soins innovants pour sublimer votre éclat au quotidien." tag="Sélection Boutique" tagIcon={ShoppingBag} animationType="slide-up" products={[{ id: "1", name: "Sérum Éclat Intense", price: "4500 DA", variant: "Soins Visage", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=769ada" }, { id: "2", name: "Masque K-Beauty", price: "1200 DA", variant: "Hydratation", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=alef9y" }, { id: "3", name: "Parfum Signature", price: "9500 DA", variant: "Parfumerie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=saacec" }, { id: "4", name: "Crème Raffermissante", price: "6200 DA", variant: "Anti-âge", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=miu5ng" }]} gridVariant="uniform-all-items-equal" textboxLayout="default" useInvertedBackground={false} />
+        </div>
+
+        <div id="ingredients" data-section="ingredients">
+          <FeatureCardSix title="Nos Conseils Beauté" description="Des recommandations personnalisées pour vous guider vers la routine parfaite selon votre type de peau." tag="L'Expertise Iyad" tagIcon={Beaker} features={[{ title: "Diagnostic Peau", description: "Une analyse personnalisée pour choisir les soins adaptés à vos besoins réels.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mrqv04" }, { title: "Rituel K-Beauty", description: "Découvrez la magie du double nettoyage et de l'hydratation multi-couches.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ywlklo" }, { title: "Bien-être & Parfums", description: "Laissez-vous conseiller sur les essences qui révèlent votre personnalité.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=38ubgb" }]} textboxLayout="default" useInvertedBackground={false} />
+        </div>
+
+        <div id="influencers" data-section="influencers">
+          <FeatureCardOne title="La Voix de nos Clientes" description="L'exigence du détail et le plaisir d'être bien conseillée chez Iyad." tag="Témoignages" tagIcon={Heart} animationType="slide-up" features={[{ title: "Yasmine, Cliente fidèle", description: "Chez Iyad, on ressent cette exigence dans chaque détail et chaque regard. Un incontournable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u0r37m" }]} gridVariant="uniform-all-items-equal" textboxLayout="default" useInvertedBackground={false} />
+        </div>
+
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven title="Votre Boutique à Ouled Fayet" description="Plus qu'un magasin, un espace dédié à votre beauté au cœur de Cheraga." tag="Localisation" tagIcon={MapPin} metrics={[{ id: "1", value: "100%", title: "Conseil Expert", description: "Notre équipe est formée pour vous offrir une expérience unique.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7zx5gh" }, { id: "2", value: "50+", title: "Marques de Luxe", description: "Une diversité de produits rares et sélectionnés pour vous.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dpgpf4" }]} animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
+        </div>
+
+        <div id="blog" data-section="blog">
+          <BlogCardOne title="Le Journal d'Iyad" description="Découvrez nos derniers coups de cœur, les tendances beauté du moment et les nouveautés en boutique." tag="Actualités" tagIcon={BookOpen} animationType="slide-up" blogs={[{ id: "1", category: "Tendance", title: "Le renouveau de la peau", excerpt: "Conseils pour préparer votre peau au changement de saison avec nos soins.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jk8m65", authorName: "Iyad Expert", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=af8v8e", date: "Mars 2024" }]} textboxLayout="default" useInvertedBackground={false} />
+        </div>
+
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia title="Questions Fréquentes" description="Vous avez des questions sur nos produits ou nos disponibilités en boutique ? Nous répondons à tout." tag="Support" tagIcon={HelpCircle} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c9bvtl" faqs={[{ id: "1", title: "Où êtes-vous situés ?", content: "Nous sommes au cœur d'Ouled Fayet, Cheraga. Venez nous rendre visite !" }, { id: "2", title: "Proposez-vous des conseils personnalisés ?", content: "Absolument, nos experts sont là pour vous orienter en fonction de vos besoins." }]} textboxLayout="default" useInvertedBackground={false} faqsAnimation="slide-up" />
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactSplitForm title="Venez nous rencontrer" description="Besoin d'un renseignement ? Appelez-nous directement au 07 70 87 81 43 ou passez nous voir en boutique." inputs={[{ name: "name", type: "text", placeholder: "Votre nom" }, { name: "email", type: "email", placeholder: "Votre email" }]} buttonText="Prendre rendez-vous" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jrq82f" />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis logoText="Chez Iyad" columns={[{ items: [{ label: "Produits", href: "#products" }, { label: "Contact", href: "#contact" }] }]} />
+        </div>
+      </ReactLenis>
    </ThemeProvider>
  );
 }
Author	SHA1	Message	Date
bender	f4d4bdb673	Switch to version 1: remove src/app/contact/page.tsx	2026-05-06 22:12:44 +00:00
bender	8c92741202	Switch to version 1: modified src/app/page.tsx	2026-05-06 22:12:44 +00:00
bender	0d7ee5a2ca	Switch to version 1: modified src/app/layout.tsx	2026-05-06 22:12:43 +00:00
bender	3a2c82e0cc	Merge version_2 into main Merge version_2 into main	2026-05-06 22:12:24 +00:00
bender	7d73287b33	Merge version_2 into main Merge version_2 into main	2026-05-06 22:09:57 +00:00
bender	8212714108	Merge version_2 into main Merge version_2 into main	2026-05-06 22:07:33 +00:00
bender	262360ac3f	Merge version_2 into main Merge version_2 into main	2026-05-06 22:07:07 +00:00