Merge version_2 into main #3
38
src/app/contact/page.tsx
Normal file
38
src/app/contact/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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,
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user