Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 800176b9cd | |||
| 8512314d66 | |||
| 8669762001 | |||
| 4c4739a5a4 | |||
| dd6e42a4dc |
413
src/app/page.tsx
413
src/app/page.tsx
@@ -1,412 +1,5 @@
|
||||
"use client";
|
||||
import { redirect } from 'next/navigation';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Book, BookOpen, LifeBuoy, MapPin, MessageSquare, Package, Search, ShieldCheck, Tag, Truck, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "#hero"},
|
||||
{
|
||||
name: "Avantages", id: "#advantages"},
|
||||
{
|
||||
name: "Marques", id: "#brands"},
|
||||
{
|
||||
name: "Catalogue", id: "#catalogue"},
|
||||
{
|
||||
name: "Nouveautés", id: "#new-arrivals"},
|
||||
{
|
||||
name: "Contact", id: "#contact-cta"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/flat-design-repair-shop-badges-design_23-2149616631.jpg"
|
||||
logoAlt="STREET SAP PARTS WEST Logo"
|
||||
brandName="STREET SAP PARTS WEST"
|
||||
bottomLeftText="L'Expert Pièces Détachées Ouest Algérien"
|
||||
bottomRightText="streetsapparts.west@gmail.com"
|
||||
button={{
|
||||
text: "📲 WhatsApp", href: "https://wa.me/213542548985"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Trouvez Rapidement La Bonne Pièce Pour Votre Véhicule"
|
||||
description="Spécialiste des pièces détachées automobiles asiatiques, chinoises, indiennes et européennes dans l'Ouest Algérien."
|
||||
kpis={[
|
||||
{
|
||||
value: "71+", label: "Pages Catalogue"},
|
||||
{
|
||||
value: "Large", label: "Couverture Marques"},
|
||||
{
|
||||
value: "Service Commercial Dédié", label: "Ouest Algérien"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "📲 Envoyer Une Photo Sur WhatsApp", href: "https://wa.me/213542548985"},
|
||||
{
|
||||
text: "📋 Consulter Le Catalogue", href: "#catalogue"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-new-warehouse_1385-442.jpg?_wi=1"
|
||||
imageAlt="Large assortiment de pièces détachées automobiles"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-woman-being-body-positive_23-2148974043.jpg", alt: "Client satisfait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-couple-spending-time-together_273609-40529.jpg", alt: "Client satisfait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-study-session-learning-smiling_23-2149265833.jpg", alt: "Client satisfait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-asian-man-working-with-professionals_1262-5610.jpg", alt: "Client satisfait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-cheerful-young-diverse-business-people_1262-1185.jpg", alt: "Client satisfait 5"},
|
||||
]}
|
||||
avatarText="Nos clients nous font confiance"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Pièces d'origine garantie", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Livraison rapide Ouest Algérien", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Conseils d'experts", icon: LifeBuoy,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Prix compétitifs", icon: Tag,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Stock large et varié", icon: Package,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="advantages" data-section="advantages">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Assistance Rapide Sur WhatsApp", description: "Obtenez des réponses et un support immédiat via WhatsApp.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730872.jpg", imageAlt: "Chery logo vector brand"},
|
||||
items: [
|
||||
{
|
||||
icon: MessageSquare,
|
||||
text: "Support direct"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Large Catalogue Professionnel", description: "Accédez à une vaste sélection de références pour toutes marques.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-new-warehouse_1385-442.jpg?_wi=2", imageAlt: "Chery logo vector brand"},
|
||||
items: [
|
||||
{
|
||||
icon: BookOpen,
|
||||
text: "Références complètes"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Réponse Rapide Aux Demandes", description: "Vos questions et devis sont traités avec la plus grande célérité.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-office_1098-15489.jpg?_wi=1", imageAlt: "Chery logo vector brand"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Gain de temps"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Expertise Véhicules Asiatiques", description: "Spécialistes des marques asiatiques, chinoises et indiennes.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-car-being-checked-before-being-painted-hightech-enterprise_645730-809.jpg", imageAlt: "Chery logo vector brand"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Connaissance approfondie"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Couverture Ouest Algérien", description: "Un service commercial dédié aux wilayas de l'Ouest Algérien.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg", imageAlt: "Chery logo vector brand"},
|
||||
items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Service local"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Recherche de Références Personnalisée", description: "Notre équipe vous aide à trouver la pièce exacte, même sans référence.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-cog-wheel-icon_53876-74658.jpg", imageAlt: "Chery logo vector brand"},
|
||||
items: [
|
||||
{
|
||||
icon: Search,
|
||||
text: "Solution sur mesure"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Pourquoi Choisir STREET SAP PARTS WEST ?"
|
||||
description="Nous sommes votre partenaire de confiance pour toutes vos pièces détachées automobiles dans l'Ouest Algérien. Découvrez nos engagements :"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="brands" data-section="brands">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Chery", "Geely", "JAC", "DFSK", "Great Wall", "BYD", "Suzuki", "Marques Européennes", "Marques Indiennes"]}
|
||||
title="Nos Marques Partenaires"
|
||||
description="Découvrez notre large éventail de pièces détachées pour les marques asiatiques, européennes et indiennes les plus populaires."
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir Toutes les Marques", href: "#product-categories"},
|
||||
]}
|
||||
speed={30}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-categories" data-section="product-categories">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "engine-parts", name: "Pièces Moteur", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-182.jpg", imageAlt: "Pièces moteur"},
|
||||
{
|
||||
id: "brake-system", name: "Système de Freinage", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367555.jpg", imageAlt: "Système de freinage"},
|
||||
{
|
||||
id: "suspension", name: "Suspension", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030441.jpg", imageAlt: "Suspension"},
|
||||
{
|
||||
id: "filters", name: "Filtres", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/car-oil-filters-motor-oil-can-isolated-white_93675-128251.jpg", imageAlt: "Filtres"},
|
||||
{
|
||||
id: "cooling-system", name: "Système de Refroidissement", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/using-screwdriver-tighten-cable_23-2148254105.jpg", imageAlt: "Système de refroidissement"},
|
||||
{
|
||||
id: "electrical-components", name: "Composants Électriques", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/man-using-screwdriver-tighten-cable_23-2148254104.jpg", imageAlt: "Composants électriques"},
|
||||
{
|
||||
id: "transmission", name: "Transmission", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11859.jpg", imageAlt: "Transmission"},
|
||||
{
|
||||
id: "body-parts", name: "Pièces de Carrosserie", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/modern-rear-light-new-matte-white-automobile_23-2147963038.jpg", imageAlt: "Pièces de carrosserie"},
|
||||
]}
|
||||
title="Catégories de Pièces Détachées"
|
||||
description="Explorez nos principales catégories de pièces pour un large éventail de véhicules."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="new-arrivals" data-section="new-arrivals">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Nouveautés & Arrivages Récents"
|
||||
description="Découvrez les dernières pièces fraîchement arrivées en stock. Restez informé de nos nouveautés !"
|
||||
blogs={[
|
||||
{
|
||||
id: "arrival-1", category: "Freinage", title: "Plaquettes de Frein Céramique", excerpt: "Nouvelles plaquettes de frein céramique haute performance pour une sécurité accrue.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-brake_1170-1663.jpg", imageAlt: "Plaquettes de frein céramique", authorName: "STREET SAP", authorAvatar: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-badges-design_23-2149616631.jpg", date: "22 Mars 2024"},
|
||||
{
|
||||
id: "arrival-2", category: "Moteur", title: "Filtres à Huile Longue Durée", excerpt: "Optimisez la durée de vie de votre moteur avec nos nouveaux filtres à huile.", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-assortment_23-2149030432.jpg", imageAlt: "Filtres à huile", authorName: "STREET SAP", authorAvatar: "http://img.b2bpic.net/free-vector/repair-shop-template-design_23-2149593006.jpg", date: "20 Mars 2024"},
|
||||
{
|
||||
id: "arrival-3", category: "Électricité", title: "Bougies d'Allumage Iridium", excerpt: "Améliorez les performances de votre moteur avec nos bougies d'allumage Iridium.", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545638.jpg", imageAlt: "Bougies d'allumage Iridium", authorName: "STREET SAP", authorAvatar: "http://img.b2bpic.net/free-vector/vintage-motor-label-with-lettering-composition_1284-45835.jpg", date: "18 Mars 2024"},
|
||||
{
|
||||
id: "arrival-4", category: "Filtration", title: "Filtres à Air Haute Efficacité", excerpt: "Assurez un air pur pour votre moteur avec nos nouveaux filtres à air.", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-arrangement_23-2149030408.jpg", imageAlt: "Filtres à air haute efficacité", authorName: "STREET SAP", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yp2lbb", date: "15 Mars 2024"},
|
||||
{
|
||||
id: "arrival-5", category: "Suspension", title: "Kits de Silent-blocs Renforcés", excerpt: "Des kits de silent-blocs pour une meilleure tenue de route et durabilité.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-component-wrench_23-2148796586.jpg", imageAlt: "Kits de silent-blocs renforcés", authorName: "STREET SAP", authorAvatar: "http://img.b2bpic.net/free-vector/vintage-label-font-named-western_1284-53239.jpg", date: "12 Mars 2024"},
|
||||
{
|
||||
id: "arrival-6", category: "Refroidissement", title: "Durites de Radiateur Silicone", excerpt: "Des durites en silicone pour une résistance et une performance supérieures.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-astronaut-pressing-wrist-device-emergency-red-lighting-confirm-alert_482257-132555.jpg", imageAlt: "Durites de radiateur silicone", authorName: "STREET SAP", authorAvatar: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529678.jpg", date: "10 Mars 2024"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalogue" data-section="catalogue">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Ressources"
|
||||
title="Consultez Notre Catalogue Complet"
|
||||
description="Explorez plus de 71 pages de pièces détachées pour véhicules asiatiques, chinois, indiens et européens. Trouvez rapidement ce dont vous avez besoin."
|
||||
subdescription="Notre catalogue est régulièrement mis à jour pour vous offrir les dernières références et un vaste choix de produits de qualité."
|
||||
icon={Book}
|
||||
imageSrc="http://img.b2bpic.net/free-psd/mechanic-template-design_23-2151904901.jpg"
|
||||
imageAlt="Couverture du catalogue de pièces détachées"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="personal-trust" data-section="personal-trust">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "mohamed", name: "Mohamed", role: "Représentant Commercial", imageSrc: "http://img.b2bpic.net/free-photo/dining-office_1098-15489.jpg?_wi=2", imageAlt: "Photo de Mohamed, Représentant Commercial"},
|
||||
]}
|
||||
title="Votre Conseiller Commercial Dédié"
|
||||
description="Rencontrez Mohamed, notre représentant commercial, votre interlocuteur privilégié pour toutes vos demandes de pièces détachées."
|
||||
buttons={[
|
||||
{
|
||||
text: "📲 WhatsApp Mohamed", href: "https://wa.me/213542548985"},
|
||||
{
|
||||
text: "📞 Appeler Mohamed", href: "tel:+213542548985"},
|
||||
{
|
||||
text: "✉️ Écrire à Mohamed", href: "mailto:streetsapparts.west@gmail.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ahmed B.", handle: "Propriétaire Garage \"Auto Plus\"", testimonial: "STREET SAP PARTS WEST est devenu mon fournisseur principal. Leur réactivité sur WhatsApp est inégalée et je trouve toujours les bonnes pièces rapidement. Un service impeccable !", imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg", imageAlt: "Ahmed B."},
|
||||
{
|
||||
id: "2", name: "Fatima Z.", handle: "Gérante \"Pièces Express Oran\"", testimonial: "Leur catalogue est très complet et la recherche de référence personnalisée est un gain de temps précieux. Des professionnels à l'écoute et toujours disponibles. Je recommande !", imageSrc: "http://img.b2bpic.net/free-photo/media-marketing-internet-digital-global_53876-132202.jpg", imageAlt: "Fatima Z."},
|
||||
{
|
||||
id: "3", name: "Yacine K.", handle: "Mécanicien Indépendant", testimonial: "J'apprécie énormément leur expertise sur les véhicules asiatiques. Ils ont toujours la pièce qu'il me faut pour mes clients. La qualité est au rendez-vous.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1177.jpg", imageAlt: "Yacine K."},
|
||||
{
|
||||
id: "4", name: "Sofiane M.", handle: "Gérant Flotte \"TransLog Algérie\"", testimonial: "Pour la maintenance de notre flotte, la rapidité de réponse et la disponibilité des pièces sont cruciales. STREET SAP PARTS WEST excelle sur ces points.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-with-business-person-car-dealership_23-2149117148.jpg", imageAlt: "Sofiane M."},
|
||||
{
|
||||
id: "5", name: "Nadia L.", handle: "Responsable Achats \"Auto Service Rapide\"", testimonial: "Un partenaire fiable pour nos approvisionnements. Les prix sont compétitifs et le service client est top. C'est un plaisir de travailler avec eux.", imageSrc: "http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-124065.jpg", imageAlt: "Nadia L."},
|
||||
{
|
||||
id: "6", name: "Omar D.", handle: "Détaillant Pièces Auto", testimonial: "Leur couverture de l'Ouest Algérien est un atout majeur. La livraison est rapide et les produits sont toujours conformes. Excellente collaboration.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg", imageAlt: "Omar D."},
|
||||
]}
|
||||
title="Ce Que Nos Clients Disent De Nous"
|
||||
description="La satisfaction de nos partenaires et clients est notre plus grande fierté. Découvrez leurs témoignages."
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1", title: "Comment commander mes pièces détachées ?", content: "Vous pouvez commander en nous envoyant un message sur WhatsApp (+213542548985), par email (streetsapparts.west@gmail.com), ou en utilisant le formulaire de demande de devis sur notre site."},
|
||||
{
|
||||
id: "faq-2", title: "Comment trouver une référence de pièce ?", content: "Si vous connaissez la référence, mentionnez-la. Sinon, envoyez-nous simplement une photo de votre pièce ou les informations de votre véhicule (marque, modèle, année, numéro de série). Nous nous occupons du reste !"},
|
||||
{
|
||||
id: "faq-3", title: "Puis-je envoyer une photo de ma pièce pour identification ?", content: "Absolument ! C'est même la méthode la plus rapide. Envoyez-nous une photo claire de votre pièce via WhatsApp, et nos experts l'identifieront pour vous."},
|
||||
{
|
||||
id: "faq-4", title: "Quelles marques de véhicules sont couvertes ?", content: "Nous couvrons une large gamme de marques asiatiques (Chery, Geely, JAC, DFSK, Great Wall, BYD, Suzuki), chinoises, indiennes et européennes. N'hésitez pas à nous contacter pour vérifier la disponibilité de pièces spécifiques."},
|
||||
{
|
||||
id: "faq-5", title: "Livrez-vous dans toutes les wilayas de l'Ouest Algérien ?", content: "Oui, notre service commercial est dédié à l'Ouest Algérien, incluant Oran, Tlemcen, Sidi Bel Abbès, Mostaganem, Mascara, Relizane et Aïn Témouchent. Contactez-nous pour les modalités de livraison."},
|
||||
]}
|
||||
sideTitle="Questions Fréquentes"
|
||||
sideDescription="Trouvez rapidement les réponses aux questions les plus courantes concernant nos services et nos pièces détachées."
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Demandez Votre Devis Ou Identifiez Votre Pièce"
|
||||
description="Besoin d'un devis rapide ou vous ne connaissez pas la référence de votre pièce ? Envoyez-nous un message avec une photo ou remplissez le formulaire ci-dessous. Notre équipe vous répondra dans les plus brefs délais."
|
||||
buttons={[
|
||||
{
|
||||
text: "📲 Envoyer une Photo sur WhatsApp", href: "https://wa.me/213542548985"},
|
||||
{
|
||||
text: "✉️ Envoyer un Email", href: "mailto:streetsapparts.west@gmail.com"},
|
||||
{
|
||||
text: "Télécharger le Catalogue", href: "/catalogue.pdf"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Avantages", href: "#advantages"},
|
||||
{
|
||||
label: "Marques", href: "#brands"},
|
||||
{
|
||||
label: "Catalogue", href: "#catalogue"},
|
||||
{
|
||||
label: "Nouveautés", href: "#new-arrivals"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "WhatsApp: +213542548985", href: "https://wa.me/213542548985"},
|
||||
{
|
||||
label: "Email: streetsapparts.west@gmail.com", href: "mailto:streetsapparts.west@gmail.com"},
|
||||
{
|
||||
label: "Location: Oran, Algérie", href: "#"},
|
||||
{
|
||||
label: "Demander un Devis", href: "#contact-cta"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Réseaux Sociaux", items: [
|
||||
{
|
||||
label: "TikTok", href: "#"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Facebook Marketplace", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/automotive-industry-logo_24908-57008.jpg"
|
||||
logoAlt="STREET SAP PARTS WEST Logo"
|
||||
logoText="STREET SAP PARTS WEST"
|
||||
copyrightText="© 2024 STREET SAP PARTS WEST. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
export default function HomePageRedirect() {
|
||||
redirect('/fr');
|
||||
}
|
||||
|
||||
121
src/app/products/page.tsx
Normal file
121
src/app/products/page.tsx
Normal file
@@ -0,0 +1,121 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
|
||||
export default function ProductsPage() {
|
||||
const navItems = [
|
||||
{ name: "Accueil", id: "/" },
|
||||
{ name: "Avantages", id: "/#advantages" },
|
||||
{ name: "Marques", id: "/#brands" },
|
||||
{ name: "Produits", id: "/products" },
|
||||
{ name: "Nouveautés", id: "/#new-arrivals" },
|
||||
{ name: "Contact", id: "/#contact-cta" },
|
||||
];
|
||||
|
||||
const navbarProps = {
|
||||
navItems: navItems,
|
||||
logoSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-badges-design_23-2149616631.jpg", logoAlt: "STREET SAP PARTS WEST Logo", brandName: "STREET SAP PARTS WEST", bottomLeftText: "L'Expert Pièces Détachées Ouest Algérien", bottomRightText: "streetsapparts.west@gmail.com", button: {
|
||||
text: "📲 WhatsApp", href: "https://wa.me/213542548985"
|
||||
}
|
||||
};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Accueil", href: "/" },
|
||||
{ label: "Avantages", href: "/#advantages" },
|
||||
{ label: "Marques", href: "/#brands" },
|
||||
{ label: "Produits", href: "/products" },
|
||||
{ label: "Nouveautés", href: "/#new-arrivals" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "WhatsApp: +213542548985", href: "https://wa.me/213542548985" },
|
||||
{ label: "Email: streetsapparts.west@gmail.com", href: "mailto:streetsapparts.west@gmail.com" },
|
||||
{ label: "Location: Oran, Algérie", href: "#" },
|
||||
{ label: "Demander un Devis", href: "/#contact-cta" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Réseaux Sociaux", items: [
|
||||
{ label: "TikTok", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Facebook Marketplace", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const footerProps = {
|
||||
columns: footerColumns,
|
||||
logoSrc: "http://img.b2bpic.net/free-vector/automotive-industry-logo_24908-57008.jpg", logoAlt: "STREET SAP PARTS WEST Logo", logoText: "STREET SAP PARTS WEST", copyrightText: "© 2024 STREET SAP PARTS WEST. Tous droits réservés."
|
||||
};
|
||||
|
||||
const productCategories = [
|
||||
{
|
||||
id: "engine-parts", name: "Pièces Moteur", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-182.jpg", imageAlt: "Pièces moteur"
|
||||
},
|
||||
{
|
||||
id: "suspension-parts", name: "Suspension", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/car-shock-absorber-new-spare-parts-white_23-2148256333.jpg", imageAlt: "Pièces de suspension"
|
||||
},
|
||||
{
|
||||
id: "brake-system", name: "Système de Freinage", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/car-braking-system_23-2148496417.jpg", imageAlt: "Système de freinage"
|
||||
},
|
||||
{
|
||||
id: "filters", name: "Filtres", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/car-oil-filters-motor-oil-can-isolated-white_93675-128251.jpg", imageAlt: "Filtres"
|
||||
},
|
||||
{
|
||||
id: "cooling-system", name: "Système de Refroidissement", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/car-radiator_23-2148496409.jpg", imageAlt: "Système de refroidissement"
|
||||
},
|
||||
{
|
||||
id: "electrical-components", name: "Composants Électriques", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/spark-plugs-battery-car-parts_23-2148496429.jpg", imageAlt: "Composants électriques"
|
||||
},
|
||||
{
|
||||
id: "transmission-parts", name: "Transmission", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/car-gear-assembly_23-2148496422.jpg", imageAlt: "Pièces de transmission"
|
||||
},
|
||||
{
|
||||
id: "body-parts", name: "Pièces de Carrosserie", price: "Voir les produits", imageSrc: "http://img.b2bpic.net/free-photo/body-repair-car_23-2148810757.jpg", imageAlt: "Pièces de carrosserie"
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen {...navbarProps} />
|
||||
</div>
|
||||
|
||||
<div id="products-categories-page" data-section="products-categories-page">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={productCategories}
|
||||
title="Explorez Nos Catégories de Produits"
|
||||
description="Découvrez nos gammes complètes de pièces détachées automobiles par catégorie."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase {...footerProps} />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user