Merge version_1 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -30,34 +30,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
name: "Projects", id: "/projects"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "/#process",
|
||||
},
|
||||
name: "Process", id: "/#process"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "/#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "/#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "/contact"}}
|
||||
brandName="SNC AR ETANCHE"
|
||||
/>
|
||||
</div>
|
||||
@@ -65,23 +51,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Building Protection That Lasts for Generations"
|
||||
description="Professional waterproofing, structural sealing, roof protection, and construction solutions for residential, commercial, and industrial projects across Algeria."
|
||||
kpis={[
|
||||
{
|
||||
value: "30+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "30+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "500+", label: "Projects Completed"},
|
||||
{
|
||||
value: "★★★★★",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "★★★★★", label: "Client Rating"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
tag="Trusted by homeowners, contractors, and businesses."
|
||||
@@ -89,13 +68,9 @@ export default function LandingPage() {
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Request a Free Consultation", href: "/contact"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:030431383",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:030431383"},
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-cyber-girl-wears-vr-set-leaning-wall-tunnel_114579-92562.jpg"
|
||||
@@ -103,47 +78,27 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dried-lavender-flowers-macro-shot-blurred-background_169016-24463.jpg",
|
||||
alt: "aged middle expression calling business",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dried-lavender-flowers-macro-shot-blurred-background_169016-24463.jpg", alt: "aged middle expression calling business"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-vibrant-yellow-strawflower-blooming-garden_1308-189613.jpg",
|
||||
alt: "Businessman with hand reaching out",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-vibrant-yellow-strawflower-blooming-garden_1308-189613.jpg", alt: "Businessman with hand reaching out"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wild-purple-thistle-flower-soft-focus-meadow_84443-84231.jpg",
|
||||
alt: "Business people working in the office with digital tablet.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wild-purple-thistle-flower-soft-focus-meadow_84443-84231.jpg", alt: "Business people working in the office with digital tablet."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aged-beige-concrete-wall-texture_84443-73065.jpg",
|
||||
alt: "Happy mature businessman showing thumb up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/aged-beige-concrete-wall-texture_84443-73065.jpg", alt: "Happy mature businessman showing thumb up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-dry-withered-flowers-autumn-garden_181624-54310.jpg",
|
||||
alt: "Planning at office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-dry-withered-flowers-autumn-garden_181624-54310.jpg", alt: "Planning at office"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Materials",
|
||||
},
|
||||
type: "text", text: "Quality Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Expert Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Client Satisfaction",
|
||||
},
|
||||
type: "text", text: "Client Satisfaction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Solutions",
|
||||
},
|
||||
type: "text", text: "Innovative Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Practices",
|
||||
},
|
||||
type: "text", text: "Sustainable Practices"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,25 +110,15 @@ export default function LandingPage() {
|
||||
description="At SNC AR ETANCHE, we believe that quality construction begins with protection. Our team specializes in advanced waterproofing systems, structural sealing, and building preservation solutions designed to withstand time, weather, and demanding environments. Every project is executed with meticulous attention to detail, industry-grade materials, and a commitment to exceptional craftsmanship."
|
||||
metrics={[
|
||||
{
|
||||
value: "1.",
|
||||
title: "Durable Solutions",
|
||||
},
|
||||
value: "1.", title: "Durable Solutions"},
|
||||
{
|
||||
value: "2.",
|
||||
title: "Professional Execution",
|
||||
},
|
||||
value: "2.", title: "Professional Execution"},
|
||||
{
|
||||
value: "3.",
|
||||
title: "Transparent Communication",
|
||||
},
|
||||
value: "3.", title: "Transparent Communication"},
|
||||
{
|
||||
value: "4.",
|
||||
title: "Long-Term Performance",
|
||||
},
|
||||
value: "4.", title: "Long-Term Performance"},
|
||||
{
|
||||
value: "5.",
|
||||
title: "Guaranteed Quality",
|
||||
},
|
||||
value: "5.", title: "Guaranteed Quality"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138391.jpg"
|
||||
imageAlt="Blueprint details with construction tools"
|
||||
@@ -188,53 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Materials",
|
||||
title: "Premium Materials",
|
||||
subtitle: "High-performance products",
|
||||
description: "We work with high-performance products engineered for durability and long-term protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934715.jpg",
|
||||
imageAlt: "Close up of advanced waterproofing materials",
|
||||
},
|
||||
tag: "Materials", title: "Premium Materials", subtitle: "High-performance products", description: "We work with high-performance products engineered for durability and long-term protection.", imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934715.jpg", imageAlt: "Close up of advanced waterproofing materials"},
|
||||
{
|
||||
tag: "Team",
|
||||
title: "Skilled Professionals",
|
||||
subtitle: "Experienced and certified",
|
||||
description: "Our experienced team follows strict quality standards on every project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772879.jpg",
|
||||
imageAlt: "Team of skilled construction workers on site",
|
||||
},
|
||||
tag: "Team", title: "Skilled Professionals", subtitle: "Experienced and certified", description: "Our experienced team follows strict quality standards on every project.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-construction_23-2150772879.jpg", imageAlt: "Team of skilled construction workers on site"},
|
||||
{
|
||||
tag: "Efficiency",
|
||||
title: "Reliable Delivery",
|
||||
subtitle: "Timely project completion",
|
||||
description: "Projects completed efficiently while maintaining exceptional workmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850245.jpg",
|
||||
imageAlt: "Construction site with cranes at dusk",
|
||||
},
|
||||
tag: "Efficiency", title: "Reliable Delivery", subtitle: "Timely project completion", description: "Projects completed efficiently while maintaining exceptional workmanship.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850245.jpg", imageAlt: "Construction site with cranes at dusk"},
|
||||
{
|
||||
tag: "Custom",
|
||||
title: "Tailored Solutions",
|
||||
subtitle: "Personalized protection strategies",
|
||||
description: "Every building receives a customized assessment and protection strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-studying-plan-with-mockup_23-2148252110.jpg",
|
||||
imageAlt: "Architectural plans with custom design elements",
|
||||
},
|
||||
tag: "Custom", title: "Tailored Solutions", subtitle: "Personalized protection strategies", description: "Every building receives a customized assessment and protection strategy.", imageSrc: "http://img.b2bpic.net/free-photo/architects-studying-plan-with-mockup_23-2148252110.jpg", imageAlt: "Architectural plans with custom design elements"},
|
||||
{
|
||||
tag: "Local",
|
||||
title: "Local Expertise",
|
||||
subtitle: "Understanding regional needs",
|
||||
description: "Deep understanding of regional climate conditions and construction requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-aerial-shot-cityscape-surrounded-by-green-trees-cloudy-scenic-sky_181624-39328.jpg",
|
||||
imageAlt: "Map of Algeria with construction markers",
|
||||
},
|
||||
tag: "Local", title: "Local Expertise", subtitle: "Understanding regional needs", description: "Deep understanding of regional climate conditions and construction requirements.", imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-aerial-shot-cityscape-surrounded-by-green-trees-cloudy-scenic-sky_181624-39328.jpg", imageAlt: "Map of Algeria with construction markers"},
|
||||
{
|
||||
tag: "Client Focus",
|
||||
title: "Customer Satisfaction",
|
||||
subtitle: "Building lasting relationships",
|
||||
description: "Built on trust, professionalism, and lasting relationships.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-client-hand-shaking_23-2148243001.jpg",
|
||||
imageAlt: "Client and construction worker shaking hands",
|
||||
},
|
||||
tag: "Client Focus", title: "Customer Satisfaction", subtitle: "Building lasting relationships", description: "Built on trust, professionalism, and lasting relationships.", imageSrc: "http://img.b2bpic.net/free-photo/architect-client-hand-shaking_23-2148243001.jpg", imageAlt: "Client and construction worker shaking hands"},
|
||||
]}
|
||||
title="The SNC AR ETANCHE Difference"
|
||||
description="Discover why clients trust us for superior waterproofing and construction services across Algeria."
|
||||
@@ -247,45 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "01.",
|
||||
title: "Inspection",
|
||||
subtitle: "Detailed site assessment",
|
||||
description: "Detailed site assessment and technical evaluation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184928.jpg",
|
||||
imageAlt: "Engineer inspecting a construction site",
|
||||
},
|
||||
tag: "01.", title: "Inspection", subtitle: "Detailed site assessment", description: "Detailed site assessment and technical evaluation.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184928.jpg", imageAlt: "Engineer inspecting a construction site"},
|
||||
{
|
||||
tag: "02.",
|
||||
title: "Consultation",
|
||||
subtitle: "Transparent planning",
|
||||
description: "Clear recommendations and transparent project planning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-with-project-hands_1163-1443.jpg",
|
||||
imageAlt: "Client discussing plans with an architect",
|
||||
},
|
||||
tag: "02.", title: "Consultation", subtitle: "Transparent planning", description: "Clear recommendations and transparent project planning.", imageSrc: "http://img.b2bpic.net/free-photo/architects-with-project-hands_1163-1443.jpg", imageAlt: "Client discussing plans with an architect"},
|
||||
{
|
||||
tag: "03.",
|
||||
title: "Execution",
|
||||
subtitle: "Professional implementation",
|
||||
description: "Professional implementation using premium materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-carpenter-worker_23-2148748791.jpg",
|
||||
imageAlt: "Construction worker applying waterproofing membrane",
|
||||
},
|
||||
tag: "03.", title: "Execution", subtitle: "Professional implementation", description: "Professional implementation using premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/low-view-carpenter-worker_23-2148748791.jpg", imageAlt: "Construction worker applying waterproofing membrane"},
|
||||
{
|
||||
tag: "04.",
|
||||
title: "Quality Control",
|
||||
subtitle: "Comprehensive inspection",
|
||||
description: "Comprehensive inspection before project completion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg",
|
||||
imageAlt: "Quality control engineer checking structural elements",
|
||||
},
|
||||
tag: "04.", title: "Quality Control", subtitle: "Comprehensive inspection", description: "Comprehensive inspection before project completion.", imageSrc: "http://img.b2bpic.net/free-photo/architect-designing-new-project_23-2148242953.jpg", imageAlt: "Quality control engineer checking structural elements"},
|
||||
{
|
||||
tag: "05.",
|
||||
title: "Ongoing Support",
|
||||
subtitle: "Maintenance guidance",
|
||||
description: "Advice and maintenance guidance to maximize durability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-technical-assistance-repair-conceopt_53876-165268.jpg",
|
||||
imageAlt: "Technician providing after-sales support",
|
||||
},
|
||||
tag: "05.", title: "Ongoing Support", subtitle: "Maintenance guidance", description: "Advice and maintenance guidance to maximize durability.", imageSrc: "http://img.b2bpic.net/free-photo/technology-technical-assistance-repair-conceopt_53876-165268.jpg", imageAlt: "Technician providing after-sales support"},
|
||||
]}
|
||||
title="How We Work"
|
||||
description="Our methodical approach ensures precision and excellence in every phase of your project."
|
||||
@@ -300,25 +179,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",
|
||||
alt: "Sarah Johnson avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", alt: "Sarah Johnson avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg",
|
||||
alt: "Michael Chen avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3549.jpg", alt: "Michael Chen avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg",
|
||||
alt: "Emily Rodriguez avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg", alt: "Emily Rodriguez avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
|
||||
alt: "David Kim avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg", alt: "David Kim avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329707.jpg",
|
||||
alt: "crazy businessman happy expression",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329707.jpg", alt: "crazy businessman happy expression"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
avatarsAnimation="reveal-blur"
|
||||
@@ -329,14 +198,16 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
text="Protect Your Property Today.\n\nWhether you're building new, renovating, or solving moisture issues, SNC AR ETANCHE is ready to help.\n\nPhone: 030 43 13 83\nLocation: 09 Route Nationale, Iryehenne, Tala Hamza 06120, Algeria"
|
||||
variant: "radial-gradient"}}
|
||||
text={`Protect Your Property Today.
|
||||
|
||||
Whether you're building new, renovating, or solving moisture issues, SNC AR ETANCHE is ready to help.
|
||||
|
||||
Phone: 030 43 13 83
|
||||
Location: 09 Route Nationale, Iryehenne, Tala Hamza 06120, Algeria`}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get a Free Quote", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -348,14 +219,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook link",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook link"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn link",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn link"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user