From b5dac773c8f42bd0643befc4d5a1d111b0a79485 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 22:09:49 +0000
Subject: [PATCH 1/3] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..44ff8a0
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,38 @@
+'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>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From fa40684055e781e5cded043f5f21875f80f722df Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 22:09:50 +0000
Subject: [PATCH 2/3] Update src/app/layout.tsx

---
 src/app/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 67302d0..70c8fa3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -18,7 +18,7 @@ const inter = Inter({
   subsets: ["latin"],
 });
 
-export const metadata: Metadata = { title: 'Chez Iyad | Beauté & Cosmétique à Ouled Fayet', description: 'Découvrez notre sélection exclusive de soins de luxe et cosmétiques chez Chez Iyad. Expertise conseil et rituels beauté personnalisés à Ouled Fayet.'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: 'Webild Project', description: 'Professional web solutions.'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,
-- 
2.49.1


From 1f0c212263d22afcce4fcf913f01b7d9682215c2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 22:09:51 +0000
Subject: [PATCH 3/3] Update src/app/page.tsx

---
 src/app/page.tsx | 89 +++++++++++++++++++++---------------------------
 1 file changed, 38 insertions(+), 51 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2d2fe5b..af147d1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,9 +1,9 @@
-"use client";
+'use client';
 
-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 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';
@@ -12,57 +12,44 @@ 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';
+import Link from 'next/link';
+
+export default function Page() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Contact", id: "/contact" }
+  ];
 
-export default function LandingPage() {
   return (
-    <ThemeProvider defaultButtonVariant="bounce-effect" defaultTextAnimation="background-highlight" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      <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="one-large-right-three-stacked-left" 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, à proximité de la Rue des Frères Bouadou. 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" useInvertedBackground={false} />
-        </div>
-
-        <div id="footer" data-section="footer">
-          <FooterLogoEmphasis logoText="Chez Iyad" columns={[{ items: [{ label: "Produits", href: "#products" }, { label: "Contact", href: "#contact" }] }]} />
-        </div>
-      </ReactLenis>
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay 
+          navItems={navItems} 
+          brandName="Webild"
+        />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroBillboardRotatedCarousel 
+          title="Welcome"
+          description="Description"
+          background={{ variant: "plain" }}
+          carouselItems={[]}
+        />
+      </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>
   );
 }
\ No newline at end of file
-- 
2.49.1