Update src/app/page.tsx

This commit is contained in:
2026-05-09 17:51:31 +00:00
parent 1c6e420f45
commit 44993e07df

View File

@@ -30,130 +30,48 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="SGEEK"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Engineering the Future of Water"
description="Société de Génie de l'Eau et de l'Environnement Kared. Expert solutions in hydraulics and environment since 2013."
testimonials={[
{
name: "M. Kared",
handle: "Founder",
testimonial: "Excellence in water management for sustainable development.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-safety-vests-with-tablet_23-2148269350.jpg",
},
{
name: "Mostafa Naja",
handle: "Engineer",
testimonial: "Precision and reliability in every drop.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-back-view-engineer-architect-supervising-construction_23-2148233787.jpg",
},
{
name: "Hamza Boudchicha",
handle: "Engineer",
testimonial: "Innovative solutions for hydraulic challenges.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18992.jpg",
},
{
name: "Sarah Mansour",
handle: "Project Manager",
testimonial: "Exceptional efficiency in infrastructure delivery.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/construction-engineers-reviewing-plans_23-2151933421.jpg",
},
{
name: "Ahmed Benali",
handle: "Consultant",
testimonial: "SGEEK remains our top partner for water engineering.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589543.jpg",
},
{ name: "M. Kared", handle: "Founder", testimonial: "Excellence in water management for sustainable development.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-safety-vests-with-tablet_23-2148269350.jpg" },
{ name: "Mostafa Naja", handle: "Engineer", testimonial: "Precision and reliability in every drop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-back-view-engineer-architect-supervising-construction_23-2148233787.jpg" },
{ name: "Hamza Boudchicha", handle: "Engineer", testimonial: "Innovative solutions for hydraulic challenges.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18992.jpg" },
{ name: "Sarah Mansour", handle: "Project Manager", testimonial: "Exceptional efficiency in infrastructure delivery.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/construction-engineers-reviewing-plans_23-2151933421.jpg" },
{ name: "Ahmed Benali", handle: "Consultant", testimonial: "SGEEK remains our top partner for water engineering.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589543.jpg" }
]}
buttons={[
{
text: "Contact Us",
href: "#contact",
},
{
text: "Our Services",
href: "#services",
},
{ text: "Contact Us", href: "#contact" },
{ text: "Our Services", href: "#services" }
]}
imageSrc="http://img.b2bpic.net/free-photo/water-ripples-background_1048-9608.jpg"
imageAlt="Hydraulic engineering background"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/work-manager-man-looking-tablet-architecture-office_482257-10517.jpg",
alt: "Engineering team lead",
},
{
src: "http://img.b2bpic.net/free-photo/eco-friendly-photovoltaics-factory-manager-working-with-solar-engineering-team_482257-119681.jpg",
alt: "Site supervisor",
},
{
src: "http://img.b2bpic.net/free-photo/architect-modern-achitectural-office-working-laptop-desk-with-3d-white-foam-scale-model-skyscraper-engineer-looking-blueprints-architecture-project-urban-development-area_482257-33561.jpg",
alt: "Consultant architect",
},
{
src: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg",
alt: "Project coordinator",
},
{
src: "http://img.b2bpic.net/free-photo/architect-checking-new-project_23-2148242920.jpg",
alt: "Lead designer",
},
{ src: "http://img.b2bpic.net/free-photo/work-manager-man-looking-tablet-architecture-office_482257-10517.jpg", alt: "Engineering team lead" },
{ src: "http://img.b2bpic.net/free-photo/eco-friendly-photovoltaics-factory-manager-working-with-solar-engineering-team_482257-119681.jpg", alt: "Site supervisor" },
{ src: "http://img.b2bpic.net/free-photo/architect-modern-achitectural-office-working-laptop-desk-with-3d-white-foam-scale-model-skyscraper-engineer-looking-blueprints-architecture-project-urban-development-area_482257-33561.jpg", alt: "Consultant architect" },
{ src: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg", alt: "Project coordinator" },
{ src: "http://img.b2bpic.net/free-photo/architect-checking-new-project_23-2148242920.jpg", alt: "Lead designer" }
]}
marqueeItems={[
{
type: "text",
text: "Hydraulic Engineering",
},
{
type: "text",
text: "Urban Sanitation",
},
{
type: "text",
text: "Wastewater Treatment",
},
{
type: "text",
text: "Drinking Water Networks",
},
{
type: "text",
text: "Sustainable Infrastructure",
},
{ type: "text", text: "Hydraulic Engineering" },
{ type: "text", text: "Urban Sanitation" },
{ type: "text", text: "Wastewater Treatment" },
{ type: "text", text: "Drinking Water Networks" },
{ type: "text", text: "Sustainable Infrastructure" }
]}
/>
</div>
@@ -162,12 +80,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="About SGEEK - Hydro-Ingénierie"
buttons={[
{
text: "Learn More",
href: "#",
},
]}
buttons={[{ text: "Learn More", href: "#" }]}
/>
</div>
@@ -176,31 +89,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Urban Sanitation",
description: "Mastering stormwater management and flood protection systems.",
imageSrc: "http://img.b2bpic.net/free-photo/urban-abandoned-factory_181624-35.jpg",
},
{
title: "Wastewater Treatment",
description: "Design and optimization of treatment plants.",
imageSrc: "http://img.b2bpic.net/free-photo/waterjet_1160-59.jpg",
},
{
title: "Drinking Water",
description: "Network design and treatment plant diagnostics.",
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-working-production-line-factory_342744-177.jpg",
},
{
title: "Airport & Port Hydraulics",
description: "Specialized drainage for major transport infrastructure.",
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-19.jpg",
},
{
title: "Sustainable Water Reuse",
description: "Cutting-edge recycling technologies for industrial sites.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hands-protective-gloves-opening-tap-valve-filling-glass-with-samples-from-industrial-machine-reservoir_342744-1220.jpg",
},
{ title: "Urban Sanitation", description: "Mastering stormwater management and flood protection systems.", imageSrc: "http://img.b2bpic.net/free-photo/urban-abandoned-factory_181624-35.jpg" },
{ title: "Wastewater Treatment", description: "Design and optimization of treatment plants.", imageSrc: "http://img.b2bpic.net/free-photo/waterjet_1160-59.jpg" },
{ title: "Drinking Water", description: "Network design and treatment plant diagnostics.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-working-production-line-factory_342744-177.jpg" },
{ title: "Airport & Port Hydraulics", description: "Specialized drainage for major transport infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-19.jpg" },
{ title: "Sustainable Water Reuse", description: "Cutting-edge recycling technologies for industrial sites.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hands-protective-gloves-opening-tap-valve-filling-glass-with-samples-from-industrial-machine-reservoir_342744-1220.jpg" }
]}
title="Our Hydraulic Expertise"
description="Comprehensive engineering solutions for public and private infrastructure."
@@ -213,21 +106,9 @@ export default function LandingPage() {
title="Our Commitment"
tag="Since 2013"
metrics={[
{
id: "1",
value: "12+",
description: "Years of Expertise",
},
{
id: "2",
value: "50+",
description: "Successful Projects",
},
{
id: "3",
value: "3",
description: "Expert Engineers",
},
{ id: "1", value: "12+", description: "Years of Expertise" },
{ id: "2", value: "50+", description: "Successful Projects" },
{ id: "3", value: "3", description: "Expert Engineers" }
]}
metricsAnimation="slide-up"
/>
@@ -240,34 +121,12 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "main",
groupTitle: "Leadership",
members: [
{
id: "t1",
title: "M. KARED",
subtitle: "Founder",
detail: "Graduate ENGEES Strasbourg",
imageSrc: "http://img.b2bpic.net/free-photo/architect-engineer-discussion-brainstorming-construction-concept_53876-26411.jpg",
},
{
id: "t2",
title: "Mostafa Naja",
subtitle: "Engineer",
detail: "Hydraulic Project Manager",
imageSrc: "http://img.b2bpic.net/free-photo/constructors-consulting_1098-13717.jpg",
},
{
id: "t3",
title: "Hamza Boudchicha",
subtitle: "Engineer",
detail: "Environmental Consultant",
imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-from-middle-east-oil-refinery-wearing-white-hard-hat-hijab-engineer-writes-data-tablet-concept-women-specialists-production_166373-9027.jpg",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BOeAuupsvGNrpNxy4mYcUseOVG/uploaded-1778349041230-d82h8qiq.png",
imageAlt: "engineer portrait professional",
},
id: "main", groupTitle: "Leadership", members: [
{ id: "t1", title: "M. KARED", subtitle: "Founder", detail: "Graduate ENGEES Strasbourg", imageSrc: "http://img.b2bpic.net/free-photo/architect-engineer-discussion-brainstorming-construction-concept_53876-26411.jpg" },
{ id: "t2", title: "Mostafa Naja", subtitle: "Engineer", detail: "Hydraulic Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/constructors-consulting_1098-13717.jpg" },
{ id: "t3", title: "Hamza Boudchicha", subtitle: "Engineer", detail: "Environmental Consultant", imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-from-middle-east-oil-refinery-wearing-white-hard-hat-hijab-engineer-writes-data-tablet-concept-women-specialists-production_166373-9027.jpg" }
]
}
]}
title="Our Team"
description="Leadership and expert engineering personnel."
@@ -279,13 +138,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Hydraulic Ministry",
"Skikda Urban Development",
"Algerian Port Authority",
"Water Resource Agency",
"Local Environmental Hub",
"Regional Infrastructure Board",
"Public Water Supply Corps",
"Hydraulic Ministry", "Skikda Urban Development", "Algerian Port Authority", "Water Resource Agency", "Local Environmental Hub", "Regional Infrastructure Board", "Public Water Supply Corps"
]}
title="Our Partners"
description="Proudly collaborating with national and local authorities."
@@ -295,9 +148,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Get in touch"
title="Connect with SGEEK"
description="Cité Mohamed RAHOUADJ, Tamalous 21265, Skikda, Algeria | +213 38 73 74 36"