9 Commits

Author SHA1 Message Date
bb842e6859 Update theme fonts 2026-06-12 23:28:40 +00:00
f2c62ac268 Update theme fonts 2026-06-12 23:28:40 +00:00
2509db79fb Update theme fonts 2026-06-12 23:28:24 +00:00
574b8f2f9c Update theme fonts 2026-06-12 23:28:23 +00:00
8b5db7e87e Update theme colors 2026-06-12 23:28:00 +00:00
01ddd6ac19 Update theme colors 2026-06-12 23:27:48 +00:00
6825396d74 Update theme colors 2026-06-12 23:27:37 +00:00
08b750cbe8 Update src/app/page.tsx 2026-06-12 23:26:30 +00:00
95c23027c6 Merge version_2 into main
Merge version_2 into main
2026-06-12 23:24:36 +00:00
3 changed files with 84 additions and 80 deletions

View File

@@ -43,12 +43,16 @@ export const metadata: Metadata = {
}; };
const libreBaskerville = Libre_Baskerville({ const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", subsets: ["latin"], variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"], weight: ["400", "700"],
}); });
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter",
subsets: ["latin"],
}); });
export default function RootLayout({ export default function RootLayout({

View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="rounded" borderRadius="rounded"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="largeSmall" sizing="largeSmall"
background="noise" background="fluid"
cardStyle="subtle-shadow" cardStyle="subtle-shadow"
primaryButtonStyle="flat" primaryButtonStyle="flat"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -32,39 +32,39 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", id: "/"}, name: "Accueil", id: "/"},
{ {
name: "Products", id: "/#products"}, name: "Produits", id: "#products"},
{ {
name: "Services", id: "/#services"}, name: "Services", id: "#services"},
{ {
name: "About", id: "/#about"}, name: "À Propos", id: "#about"},
{ {
name: "Contact", id: "/#contact"}, name: "Contact", id: "#contact"},
]} ]}
logoSrc="http://img.b2bpic.net/free-vector/gradient-carpet-cleaning-logo-template_23-2150670353.jpg" logoSrc="http://img.b2bpic.net/free-vector/gradient-carpet-cleaning-logo-template_23-2150670353.jpg"
logoAlt="Hard Work Laptop logo" logoAlt="Logo Hard Work Laptop"
brandName="Hard Work Laptop" brandName="Hard Work Laptop"
bottomLeftText="Bab Ezzouar, Algeria" bottomLeftText="Bab Ezzouar, Algérie"
bottomRightText="support@hardworklaptop.dz" bottomRightText="support@hardworklaptop.dz"
button={{ button={{
text: "Shop Now", href: "/#products"}} text: "Acheter Maintenant", href: "#products"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "animated-grid"}} variant: "sparkles-gradient"}}
logoText="Hard Work Laptop" logoText="Hard Work Laptop"
description="Discover 500 curated products from world-leading brands. Fast delivery, lifetime warranty support, and expert technicians ready to help you find the perfect device today." description="Découvrez 500 produits sélectionnés parmi les plus grandes marques mondiales. Livraison rapide, support garantie à vie et techniciens experts prêts à vous aider à trouver l'appareil parfait aujourd'hui."
buttons={[ buttons={[
{ {
text: "Explore Products", href: "/#products"}, text: "Explorer les Produits", href: "#products"},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/electronic-sports-championship-with-computers-3d-illustration_1419-2789.jpg" imageSrc="http://img.b2bpic.net/free-photo/electronic-sports-championship-with-computers-3d-illustration_1419-2789.jpg"
imageAlt="Modern laptops and electronics display" imageAlt="Affichage de laptops et d'électronique moderne"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -73,24 +73,24 @@ export default function LandingPage() {
<SplitAbout <SplitAbout
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
title="Your Trusted Partner for Premium Electronics" title="Votre Partenaire de Confiance pour l'Électronique Haut de Gamme"
description="Hard Work Laptop is Bab Ezzouar's leading destination for high-performance laptops, smart electronics, and reliable repair services. We pride ourselves on offering competitive pricing, genuine products, and unparalleled after-sales support to tech enthusiasts, businesses, and students across Algeria." description="Hard Work Laptop est la principale destination à Bab Ezzouar pour les ordinateurs portables haute performance, l'électronique intelligente et les services de réparation fiables. Nous sommes fiers d'offrir des prix compétitifs, des produits authentiques et un support après-vente inégalé aux passionnés de technologie, aux entreprises et aux étudiants à travers l'Algérie."
bulletPoints={[ bulletPoints={[
{ {
title: "Unrivaled Selection", description: "Over 500 curated products from top global brands.", icon: Package, title: "Sélection Inégalée", description: "Plus de 500 produits sélectionnés parmi les plus grandes marques mondiales.", icon: Package,
}, },
{ {
title: "Expert Technicians", description: "Certified professionals for repairs, upgrades, and consultations.", icon: Wrench, title: "Techniciens Experts", description: "Professionnels certifiés pour les réparations, les mises à niveau et les consultations.", icon: Wrench,
}, },
{ {
title: "Lifetime Warranty Support", description: "Peace of mind with comprehensive warranty options on all major products.", icon: ShieldCheck, title: "Support Garantie à Vie", description: "Tranquillité d'esprit avec des options de garantie complètes sur tous les produits majeurs.", icon: ShieldCheck,
}, },
{ {
title: "Fast & Reliable Delivery", description: "Quick shipping options across Algeria, or convenient in-store pickup.", icon: Truck, title: "Livraison Rapide et Fiable", description: "Options d'expédition rapides à travers l'Algérie, ou retrait pratique en magasin.", icon: Truck,
}, },
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/company-director-showing-shareholders-data-notebook_482257-112210.jpg" imageSrc="http://img.b2bpic.net/free-photo/company-director-showing-shareholders-data-notebook_482257-112210.jpg"
imageAlt="Modern electronics store interior" imageAlt="Intérieur de magasin d'électronique moderne"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -102,14 +102,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
negativeCard={{ negativeCard={{
items: [ items: [
"Counterfeit Products Risk", "Unreliable Local Retailers", "Limited After-Sales Support", "Lack of Transparent Pricing"], "Risque de Contrefaçon", "Détaillants Locaux Peu Fiables", "Support Après-Vente Limité", "Manque de Prix Transparents"],
}} }}
positiveCard={{ positiveCard={{
items: [ items: [
"Guaranteed Authentic Products", "Trusted & Certified Retailer", "Lifetime Warranty & Support", "Competitive & Transparent Pricing"], "Produits Authentiques Garantis", "Détaillant Fiable et Certifié", "Garantie à Vie et Support", "Prix Compétitifs et Transparents"],
}} }}
title="Why Choose Hard Work Laptop?" title="Pourquoi Choisir Hard Work Laptop ?"
description="Experience the difference with our commitment to quality, service, and customer satisfaction, addressing key pain points in the market with guaranteed solutions." description="Découvrez la différence avec notre engagement envers la qualité, le service et la satisfaction client, en répondant aux principaux problèmes du marché avec des solutions garanties."
/> />
</div> </div>
@@ -121,20 +121,20 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", name: "Gaming Beast Laptop", price: "2,500,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746610.jpg", imageAlt: "High-performance gaming laptop"}, id: "p1", name: "Ordinateur Portable de Jeu Puissant", price: "2 500 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746610.jpg", imageAlt: "Ordinateur portable de jeu haute performance"},
{ {
id: "p2", name: "Ultra-Slim Business Laptop", price: "1,800,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-tablet_1139-657.jpg", imageAlt: "Sleek business laptop"}, id: "p2", name: "Ordinateur Portable Ultra-Fin pour Affaires", price: "1 800 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-tablet_1139-657.jpg", imageAlt: "Ordinateur portable professionnel élégant"},
{ {
id: "p3", name: "Designer Workstation PC", price: "3,200,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-pc-mobile-phone-belongings_1252-940.jpg", imageAlt: "Powerful designer workstation"}, id: "p3", name: "PC Station de Travail pour Designers", price: "3 200 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-pc-mobile-phone-belongings_1252-940.jpg", imageAlt: "Station de travail puissante pour designers"},
{ {
id: "p4", name: "4K Curved Monitor", price: "450,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821316.jpg", imageAlt: "Large 4K curved monitor"}, id: "p4", name: "Moniteur Courbé 4K", price: "450 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-design_23-2151821316.jpg", imageAlt: "Grand moniteur courbé 4K"},
{ {
id: "p5", name: "Wireless Mechanical Keyboard", price: "120,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-desk_23-2149680258.jpg", imageAlt: "Ergonomic wireless mechanical keyboard"}, id: "p5", name: "Clavier Mécanique Sans Fil", price: "120 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-desk_23-2149680258.jpg", imageAlt: "Clavier mécanique sans fil ergonomique"},
{ {
id: "p6", name: "High-Speed SSD External Drive", price: "80,000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/man-using-external-storage-used_23-2149388495.jpg", imageAlt: "Compact external SSD drive"}, id: "p6", name: "Disque Dur Externe SSD Haute Vitesse", price: "80 000 DZD", imageSrc: "http://img.b2bpic.net/free-photo/man-using-external-storage-used_23-2149388495.jpg", imageAlt: "Disque externe SSD compact"},
]} ]}
title="Our Curated Product Range" title="Notre Gamme de Produits Sélectionnés"
description="Explore the latest high-performance laptops, essential accessories, and smart electronics from world-renowned brands, selected for unparalleled quality and reliability." description="Explorez les derniers ordinateurs portables haute performance, accessoires essentiels et électroniques intelligentes des marques de renommée mondiale, sélectionnés pour une qualité et une fiabilité inégalées."
/> />
</div> </div>
@@ -145,23 +145,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", badge: "Essentials", badgeIcon: Sparkles, id: "basic", badge: "Essentiels", badgeIcon: Sparkles,
price: "50,000 DZD/Year", subtitle: "Standard Care", features: [ price: "50 000 DZD/An", subtitle: "Soins Standard", features: [
"1-Year Extended Warranty", "Basic Software Support", "Diagnostic Services"], "Garantie Prolongée d'1 An", "Support Logiciel Basique", "Services de Diagnostic"],
}, },
{ {
id: "premium", badge: "Most Popular", badgeIcon: Sparkles, id: "premium", badge: "Le Plus Populaire", badgeIcon: Sparkles,
price: "95,000 DZD/Year", subtitle: "Enhanced Protection", features: [ price: "95 000 DZD/An", subtitle: "Protection Améliorée", features: [
"2-Year Extended Warranty", "Advanced Software Support", "Priority Repair Service", "Annual Performance Tune-Up"], "Garantie Prolongée de 2 Ans", "Support Logiciel Avancé", "Service de Réparation Prioritaire", "Optimisation Annuelle des Performances"],
}, },
{ {
id: "corporate", badge: "Business", badgeIcon: Shield, id: "corporate", badge: "Entreprise", badgeIcon: Shield,
price: "Custom Quote", subtitle: "Dedicated IT Solutions", features: [ price: "Devis Personnalisé", subtitle: "Solutions Informatiques Dédiées", features: [
"Customized Warranty Terms", "On-Site Support & Maintenance", "Bulk Repair Discounts", "Dedicated Account Manager"], "Conditions de Garantie Personnalisées", "Support et Maintenance Sur Site", "Remises sur Réparations en Volume", "Gestionnaire de Compte Dédié"],
}, },
]} ]}
title="Professional Services & Support" title="Services Professionnels et Support"
description="Beyond product sales, we offer comprehensive service and warranty plans tailored to protect your investment and ensure continuous performance." description="Au-delà de la vente de produits, nous offrons des plans de service et de garantie complets, conçus pour protéger votre investissement et assurer une performance continue."
/> />
</div> </div>
@@ -172,24 +172,24 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", name: "Ahmed Benali", handle: "@TechEnthusiastDZ", testimonial: "Hard Work Laptop delivered my gaming rig faster than expected! The support team was incredibly helpful. Highly recommended for serious gamers.", rating: 5, id: "t1", name: "Ahmed Benali", handle: "@PassionnéDeTechDZ", testimonial: "Hard Work Laptop a livré mon équipement de jeu plus vite que prévu ! L'équipe de support a été incroyablement serviable. Fortement recommandé pour les joueurs sérieux.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-arab-woman-streamer-smiling-confident-sitting-table-gaming-room_839833-22468.jpg"}, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-arab-woman-streamer-smiling-confident-sitting-table-gaming-room_839833-22468.jpg"},
{ {
id: "t2", name: "Fatima Zahra", handle: "@BusinessSolutions", testimonial: "Our company relies on Hard Work Laptop for all our IT needs. Their bulk purchasing options and after-sales service are unmatched in Algeria. Trustworthy partners.", rating: 5, id: "t2", name: "Fatima Zahra", handle: "@SolutionsAffaires", testimonial: "Notre entreprise compte sur Hard Work Laptop pour tous ses besoins informatiques. Leurs options d'achat en gros et leur service après-vente sont inégalés en Algérie. Des partenaires fiables.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg"}, imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-recommending-new-business-app_1262-21064.jpg"},
{ {
id: "t3", name: "Yacine Amari", handle: "@StudentDeals", testimonial: "Found the perfect budget laptop for my studies here. The staff was super friendly and explained everything clearly. Great deals for students!", rating: 5, id: "t3", name: "Yacine Amari", handle: "@OffresÉtudiant", testimonial: "J'ai trouvé l'ordinateur portable parfait pour mes études ici. Le personnel était super sympa et a tout expliqué clairement. Super offres pour les étudiants !", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-hands-hips_1187-3013.jpg"}, imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-with-hands-hips_1187-3013.jpg"},
{ {
id: "t4", name: "Nabil Said", handle: "@ProTechReview", testimonial: "The quality of products at Hard Work Laptop is top-tier. I appreciate their strict policy against counterfeit goods. Finally, a reliable electronics store!", rating: 5, id: "t4", name: "Nabil Said", handle: "@RevueTechPro", testimonial: "La qualité des produits chez Hard Work Laptop est de premier ordre. J'apprécie leur politique stricte contre les produits contrefaits. Enfin, un magasin d'électronique fiable !", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-white-t-shirt-holding-smartphone-clenching-fist-happy-excited-screaming-rejoicing-his-success-standing-blue-background_141793-117730.jpg"}, imageSrc: "http://img.b2bpic.net/free-photo/african-american-young-man-white-t-shirt-holding-smartphone-clenching-fist-happy-excited-screaming-rejoicing-his-success-standing-blue-background_141793-117730.jpg"},
{ {
id: "t5", name: "Amira Kaddour", handle: "@CreativeStudio", testimonial: "Their workstations are powerful and custom-built. My new editing PC handles everything with ease. Fantastic service and expert advice from the team.", rating: 5, id: "t5", name: "Amira Kaddour", handle: "@StudioCréatif", testimonial: "Leurs stations de travail sont puissantes et fabriquées sur mesure. Mon nouveau PC de montage gère tout avec facilité. Service fantastique et conseils d'experts de l'équipe.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379242.jpg"}, imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379242.jpg"},
]} ]}
showRating={true} showRating={true}
title="Voices of Our Satisfied Customers" title="Les Voix de Nos Clients Satisfaits"
description="Hear directly from tech professionals, business clients, and students about their exceptional experiences with Hard Work Laptop." description="Écoutez directement les professionnels de la technologie, les clients commerciaux et les étudiants parler de leurs expériences exceptionnelles avec Hard Work Laptop."
/> />
</div> </div>
@@ -197,57 +197,57 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient"}} variant: "downward-rays-animated"}}
tag="Stay Connected" tag="Restons Connectés"
title="Ready to Upgrade Your Tech?" title="Prêt à Améliorer Votre Technologie ?"
description="Visit our showroom in Bab Ezzouar, give us a call, or fill out the form below. Our team is eager to assist you with any questions or support needs." description="Visitez notre showroom à Bab Ezzouar, appelez-nous ou remplissez le formulaire ci-dessous. Notre équipe est impatiente de vous aider pour toutes vos questions ou besoins de support."
inputPlaceholder="Your Email Address" inputPlaceholder="Votre Adresse Email"
buttonText="Send Inquiry" buttonText="Envoyer la Demande"
termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service." termsText="En envoyant une demande, vous acceptez notre Politique de Confidentialité et nos Conditions Générales de Service."
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterMedia <FooterMedia
videoSrc="http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg" videoSrc="http://img.b2bpic.net/free-photo/global-communication-background-business-network-design_53876-160250.jpg"
videoAriaLabel="Abstract tech background animation" videoAriaLabel="Animation abstraite de fond technologique"
logoText="Hard Work Laptop" logoText="Hard Work Laptop"
columns={[ columns={[
{ {
title: "Products", items: [ title: "Produits", items: [
{ {
label: "Laptops", href: "/#products"}, label: "Ordinateurs Portables", href: "#products"},
{ {
label: "Smartphones", href: "/#products"}, label: "Smartphones", href: "#products"},
{ {
label: "Accessories", href: "/#products"}, label: "Accessoires", href: "#products"},
], ],
}, },
{ {
title: "Services", items: [ title: "Services", items: [
{ {
label: "Repairs", href: "/#services"}, label: "Réparations", href: "#services"},
{ {
label: "Upgrades", href: "/#services"}, label: "Mises à Niveau", href: "#services"},
{ {
label: "Warranty", href: "/#services"}, label: "Garantie", href: "#services"},
], ],
}, },
{ {
title: "Company", items: [ title: "Entreprise", items: [
{ {
label: "About Us", href: "/#about"}, label: "À Propos de Nous", href: "#about"},
{ {
label: "Contact", href: "/#contact"}, label: "Contact", href: "#contact"},
{ {
label: "Careers", href: "#"}, label: "Carrières", href: "#"},
], ],
}, },
]} ]}
copyrightText="© 2024 Hard Work Laptop. All rights reserved." copyrightText="© 2024 Hard Work Laptop. Tous droits réservés."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #e3deea; --background: #f5f5f5;
--card: #ffffff; --card: #ffffff;
--foreground: #27231f; --foreground: #1c1c1c;
--primary-cta: #27231f; --primary-cta: #1f3251;
--primary-cta-text: #e3deea; --primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff; --secondary-cta: #ffffff;
--secondary-cta-text: #27231f; --secondary-cta-text: #1c1c1c;
--accent: #c68a62; --accent: #15479c;
--background-accent: #c68a62; --background-accent: #a8cce8;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);