Merge version_1 into main #2
465
src/app/page.tsx
465
src/app/page.tsx
@@ -19,339 +19,158 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Produits",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Librairie Najah"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Produits", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Librairie Najah"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Imprimerie & Librairie Najah à Rabat"
|
||||
description="Votre partenaire de confiance pour tous vos besoins en impression commerciale, fournitures scolaires et livres académiques au cœur de Rabat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contactez-nous",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg",
|
||||
alt: "Fashion office interior",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543694.jpg",
|
||||
alt: "Design office space",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-flea-market_23-2149537002.jpg",
|
||||
alt: "Market professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-worker-choosing-appropriate-inks_1163-2778.jpg",
|
||||
alt: "Worker choosing inks",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94953.jpg",
|
||||
alt: "Professional craftsman",
|
||||
},
|
||||
]}
|
||||
avatarText="Rejoignez plus de 1000 clients satisfaits"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Impression Haute Qualité",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Librairie Académique",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Services de Reliure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Papeterie Professionnelle",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ouvert jusqu'à 20h",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Imprimerie & Librairie Najah à Rabat"
|
||||
description="Votre partenaire de confiance pour tous vos besoins en impression commerciale, fournitures scolaires et livres académiques au cœur de Rabat."
|
||||
buttons={[{ text: "Contactez-nous", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273064.jpg", alt: "Fashion office interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543694.jpg", alt: "Design office space" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-man-flea-market_23-2149537002.jpg", alt: "Market professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-male-worker-choosing-appropriate-inks_1163-2778.jpg", alt: "Worker choosing inks" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-making-surfboard_107420-94953.jpg", alt: "Professional craftsman" },
|
||||
]}
|
||||
avatarText="Rejoignez plus de 1000 clients satisfaits"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Impression Haute Qualité" },
|
||||
{ type: "text", text: "Librairie Académique" },
|
||||
{ type: "text", text: "Services de Reliure" },
|
||||
{ type: "text", text: "Papeterie Professionnelle" },
|
||||
{ type: "text", text: "Ouvert jusqu'à 20h" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Présentation"
|
||||
title="Qualité et Excellence à Rabat"
|
||||
description="Située stratégiquement au N5, Rue Baghdad, Av. Moulay Hassan, nous proposons une gamme complète de services d'impression et une sélection rigoureuse d'ouvrages académiques."
|
||||
subdescription="Ouverts jusqu'à 20h, nous sommes là pour accompagner vos projets professionnels et vos besoins éducatifs."
|
||||
icon={BookOpen}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Présentation"
|
||||
title="Qualité et Excellence à Rabat"
|
||||
description="Située stratégiquement au N5, Rue Baghdad, Av. Moulay Hassan, nous proposons une gamme complète de services d'impression et une sélection rigoureuse d'ouvrages académiques."
|
||||
subdescription="Ouverts jusqu'à 20h, nous sommes là pour accompagner vos projets professionnels et vos besoins éducatifs."
|
||||
icon={BookOpen}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "13",
|
||||
title: "Avis Clients",
|
||||
description: "Une communauté satisfaite",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.4/5",
|
||||
title: "Note Moyenne",
|
||||
description: "Excellence de service",
|
||||
icon: ThumbsUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "20:00",
|
||||
title: "Fermeture",
|
||||
description: "Disponibilité quotidienne",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Nos engagements"
|
||||
description="Des chiffres qui témoignent de notre expertise et de notre dévouement quotidien."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "13", title: "Avis Clients", description: "Une communauté satisfaite", icon: Star },
|
||||
{ id: "m2", value: "4.4/5", title: "Note Moyenne", description: "Excellence de service", icon: ThumbsUp },
|
||||
{ id: "m3", value: "20:00", title: "Fermeture", description: "Disponibilité quotidienne", icon: Clock },
|
||||
]}
|
||||
title="Nos engagements"
|
||||
description="Des chiffres qui témoignent de notre expertise et de notre dévouement quotidien."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Impression Commerciale",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Livres Académiques",
|
||||
price: "Prix librairie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Brochures & Flyers",
|
||||
price: "Sur devis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fournitures Scolaires",
|
||||
price: "Dès 5 dh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notebooks-school-supplies_23-2147654398.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Reliure & Finition",
|
||||
price: "Dès 10 dh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-with-young-designer-who-receives-some-printed-photos-smart-creativ-office_482257-32993.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Papeterie Bureau",
|
||||
price: "Sur demande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-work-office-using-printer_23-2149456925.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos Produits et Services"
|
||||
description="Découvrez notre sélection de produits de qualité et nos services d'impression professionnelle."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Impression Commerciale", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg" },
|
||||
{ id: "p2", name: "Livres Académiques", price: "Prix librairie", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg" },
|
||||
{ id: "p3", name: "Brochures & Flyers", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg" },
|
||||
{ id: "p4", name: "Fournitures Scolaires", price: "Dès 5 dh", imageSrc: "http://img.b2bpic.net/free-photo/notebooks-school-supplies_23-2147654398.jpg" },
|
||||
{ id: "p5", name: "Reliure & Finition", price: "Dès 10 dh", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-with-young-designer-who-receives-some-printed-photos-smart-creativ-office_482257-32993.jpg" },
|
||||
{ id: "p6", name: "Papeterie Bureau", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/woman-work-office-using-printer_23-2149456925.jpg" },
|
||||
]}
|
||||
title="Nos Produits et Services"
|
||||
description="Découvrez notre sélection de produits de qualité et nos services d'impression professionnelle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expertise Locale",
|
||||
subtitle: "Connaissance du marché de Rabat",
|
||||
category: "Local",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Réactivité",
|
||||
subtitle: "Service rapide et efficace",
|
||||
category: "Service",
|
||||
value: "Priorité",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Qualité Garantie",
|
||||
subtitle: "Impression haute définition",
|
||||
category: "Qualité",
|
||||
value: "HD",
|
||||
},
|
||||
]}
|
||||
title="Pourquoi nous choisir ?"
|
||||
description="Nous mettons notre expertise au service de vos besoins académiques et professionnels."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Expertise Locale", subtitle: "Connaissance du marché de Rabat", category: "Local", value: "100%" },
|
||||
{ id: "f2", title: "Réactivité", subtitle: "Service rapide et efficace", category: "Service", value: "Priorité" },
|
||||
{ id: "f3", title: "Qualité Garantie", subtitle: "Impression haute définition", category: "Qualité", value: "HD" },
|
||||
]}
|
||||
title="Pourquoi nous choisir ?"
|
||||
description="Nous mettons notre expertise au service de vos besoins académiques et professionnels."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Client 1",
|
||||
date: "2024",
|
||||
title: "Excellent service",
|
||||
quote: "Très satisfait des impressions.",
|
||||
tag: "Impression",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-student-girl-with-books_329181-14851.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg?_wi=2",
|
||||
imageAlt: "happy customer bookstore portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Client 2",
|
||||
date: "2024",
|
||||
title: "Librairie pro",
|
||||
quote: "Grand choix de livres.",
|
||||
tag: "Librairie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-pointing-his-eye_1298-455.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg?_wi=2",
|
||||
imageAlt: "happy customer bookstore portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Client 3",
|
||||
date: "2024",
|
||||
title: "Rapide",
|
||||
quote: "Travail très rapide.",
|
||||
tag: "Print",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-student-girl-holding-books-library_329181-14866.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg?_wi=2",
|
||||
imageAlt: "happy customer bookstore portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Client 4",
|
||||
date: "2024",
|
||||
title: "Top",
|
||||
quote: "Toujours accueillant.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg?_wi=2",
|
||||
imageAlt: "happy customer bookstore portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Client 5",
|
||||
date: "2024",
|
||||
title: "Recommandé",
|
||||
quote: "Imprimerie de confiance.",
|
||||
tag: "Shop",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-painting-design-studio_329181-17330.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg?_wi=2",
|
||||
imageAlt: "happy customer bookstore portrait",
|
||||
},
|
||||
]}
|
||||
title="Avis de nos clients"
|
||||
description="Ce que disent nos clients de notre service à Rabat."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Client 1", date: "2024", title: "Excellent service", quote: "Très satisfait des impressions.", tag: "Impression", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-student-girl-with-books_329181-14851.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-workdesk-shop_23-2147874993.jpg", imageAlt: "happy customer bookstore portrait" },
|
||||
{ id: "t2", name: "Client 2", date: "2024", title: "Librairie pro", quote: "Grand choix de livres.", tag: "Librairie", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-pointing-his-eye_1298-455.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ancient-books-library-table_23-2147711433.jpg", imageAlt: "happy customer bookstore portrait" },
|
||||
{ id: "t3", name: "Client 3", date: "2024", title: "Rapide", quote: "Travail très rapide.", tag: "Print", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-student-girl-holding-books-library_329181-14866.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-book-with-purple-cover_23-2147615115.jpg", imageAlt: "happy customer bookstore portrait" },
|
||||
{ id: "t4", name: "Client 4", date: "2024", title: "Top", quote: "Toujours accueillant.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-couple-home-sharing-tender-moments_23-2149105966.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colorful-paper-sheets-background_23-2148632494.jpg", imageAlt: "happy customer bookstore portrait" },
|
||||
{ id: "t5", name: "Client 5", date: "2024", title: "Recommandé", quote: "Imprimerie de confiance.", tag: "Shop", avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-painting-design-studio_329181-17330.jpg", imageSrc: "http://img.b2bpic.net/free-photo/set-notebooks-white-surface-with-pen_114579-76112.jpg", imageAlt: "happy customer bookstore portrait" },
|
||||
]}
|
||||
title="Avis de nos clients"
|
||||
description="Ce que disent nos clients de notre service à Rabat."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Besoin d'un renseignement ?"
|
||||
description="N'hésitez pas à nous appeler ou à nous rendre visite à Rabat."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler le 06 99 19 94 57",
|
||||
href: "tel:+212699199457",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Besoin d'un renseignement ?"
|
||||
description="N'hésitez pas à nous appeler ou à nous rendre visite à Rabat."
|
||||
buttons={[{ text: "Appeler le 06 99 19 94 57", href: "tel:+212699199457" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26577.jpg"
|
||||
logoText="Imprimerie Najah"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Appelez-nous",
|
||||
href: "tel:+212699199457",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-printing-house-with-paper-paints_1303-26577.jpg"
|
||||
logoText="Imprimerie Najah"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Services", href: "#services" }]
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [{ label: "Appelez-nous", href: "tel:+212699199457" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user