9 Commits

Author SHA1 Message Date
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
8fa318b249 Update src/app/styles/variables.css 2026-06-12 23:24:33 +00:00
4e497659bd Update src/app/styles/base.css 2026-06-12 23:24:33 +00:00
4d3d7eaeae Update src/app/layout.tsx 2026-06-12 23:24:32 +00:00
c5d6ea8798 Merge version_1 into main
Merge version_1 into main
2026-06-12 23:21:36 +00:00
48b31faa1b Merge version_1 into main
Merge version_1 into main
2026-06-12 23:20:56 +00:00
4 changed files with 88 additions and 87 deletions

View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Montserrat } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -41,13 +42,13 @@ export const metadata: Metadata = {
},
};
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville", subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
variable: "--font-inter", subsets: ["latin"],
});
export default function RootLayout({
@@ -58,7 +59,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmall"
background="noise"
background="fluid"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
@@ -32,39 +32,39 @@ export default function LandingPage() {
<NavbarStyleFullscreen
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"
logoAlt="Hard Work Laptop logo"
logoAlt="Logo Hard Work Laptop"
brandName="Hard Work Laptop"
bottomLeftText="Bab Ezzouar, Algeria"
bottomLeftText="Bab Ezzouar, Algérie"
bottomRightText="support@hardworklaptop.dz"
button={{
text: "Shop Now", href: "/#products"}}
text: "Acheter Maintenant", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "animated-grid"}}
variant: "sparkles-gradient"}}
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={[
{
text: "Explore Products", href: "/#products"},
text: "Explorer les Produits", href: "#products"},
]}
buttonAnimation="slide-up"
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"
/>
</div>
@@ -73,24 +73,24 @@ export default function LandingPage() {
<SplitAbout
textboxLayout="default"
useInvertedBackground={true}
title="Your Trusted Partner for Premium Electronics"
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."
title="Votre Partenaire de Confiance pour l'Électronique Haut de Gamme"
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={[
{
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"
imageAlt="Modern electronics store interior"
imageAlt="Intérieur de magasin d'électronique moderne"
mediaAnimation="slide-up"
/>
</div>
@@ -102,14 +102,14 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
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={{
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?"
description="Experience the difference with our commitment to quality, service, and customer satisfaction, addressing key pain points in the market with guaranteed solutions."
title="Pourquoi Choisir Hard Work Laptop ?"
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>
@@ -121,20 +121,20 @@ export default function LandingPage() {
useInvertedBackground={true}
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"
description="Explore the latest high-performance laptops, essential accessories, and smart electronics from world-renowned brands, selected for unparalleled quality and reliability."
title="Notre Gamme de Produits Sélectionnés"
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>
@@ -145,23 +145,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic", badge: "Essentials", badgeIcon: Sparkles,
price: "50,000 DZD/Year", subtitle: "Standard Care", features: [
"1-Year Extended Warranty", "Basic Software Support", "Diagnostic Services"],
id: "basic", badge: "Essentiels", badgeIcon: Sparkles,
price: "50 000 DZD/An", subtitle: "Soins Standard", features: [
"Garantie Prolongée d'1 An", "Support Logiciel Basique", "Services de Diagnostic"],
},
{
id: "premium", badge: "Most Popular", badgeIcon: Sparkles,
price: "95,000 DZD/Year", subtitle: "Enhanced Protection", features: [
"2-Year Extended Warranty", "Advanced Software Support", "Priority Repair Service", "Annual Performance Tune-Up"],
id: "premium", badge: "Le Plus Populaire", badgeIcon: Sparkles,
price: "95 000 DZD/An", subtitle: "Protection Améliorée", features: [
"Garantie Prolongée de 2 Ans", "Support Logiciel Avancé", "Service de Réparation Prioritaire", "Optimisation Annuelle des Performances"],
},
{
id: "corporate", badge: "Business", badgeIcon: Shield,
price: "Custom Quote", subtitle: "Dedicated IT Solutions", features: [
"Customized Warranty Terms", "On-Site Support & Maintenance", "Bulk Repair Discounts", "Dedicated Account Manager"],
id: "corporate", badge: "Entreprise", badgeIcon: Shield,
price: "Devis Personnalisé", subtitle: "Solutions Informatiques Dédiées", features: [
"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"
description="Beyond product sales, we offer comprehensive service and warranty plans tailored to protect your investment and ensure continuous performance."
title="Services Professionnels et Support"
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>
@@ -172,24 +172,24 @@ export default function LandingPage() {
useInvertedBackground={true}
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"},
{
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"},
{
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"},
{
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"},
{
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"},
]}
showRating={true}
title="Voices of Our Satisfied Customers"
description="Hear directly from tech professionals, business clients, and students about their exceptional experiences with Hard Work Laptop."
title="Les Voix de Nos Clients Satisfaits"
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>
@@ -197,57 +197,57 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
tag="Stay Connected"
title="Ready to Upgrade Your Tech?"
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."
inputPlaceholder="Your Email Address"
buttonText="Send Inquiry"
termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service."
variant: "downward-rays-animated"}}
tag="Restons Connectés"
title="Prêt à Améliorer Votre Technologie ?"
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="Votre Adresse Email"
buttonText="Envoyer la Demande"
termsText="En envoyant une demande, vous acceptez notre Politique de Confidentialité et nos Conditions Générales de Service."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
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"
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: [
{
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>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-montserrat), sans-serif;
font-family: var(--font-libre-baskerville), serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0A0F1E;
--card: #111827;
--foreground: #FFFFFF;
--primary-cta: #3B82F6;
--primary-cta-text: #FFFFFF;
--secondary-cta: #06B6D4;
--secondary-cta-text: #000000;
--accent: #B3D4F6;
--background-accent: #1F2937;
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #341f51;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #6139e6;
--background-accent: #b3a8e8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);