Merge version_1 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Award, Building2, Linkedin, Twitter, Users } from "lucide-react";
|
||||
import { Award, Building2, Linkedin, Twitter, Users, ArrowRight, CheckCircle, Zap, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Jeddah Foundation"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,38 +46,17 @@ export default function LandingPage() {
|
||||
title="Engineering the Ground Beneath Saudi Arabia’s Greatest Projects"
|
||||
description="Advanced geotechnical and foundation solutions powered by precision, safety, and innovation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{ text: "Request a Consultation", href: "#contact" },
|
||||
{ text: "View Our Projects", href: "#projects" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/petroleum-engineer-controlling-work-oil-well-pump-jack_651396-3040.jpg",
|
||||
alt: "Petroleum engineer controlling work of oil well pump jack",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crop-crane-construction-site_23-2147785503.jpg",
|
||||
alt: "Crop crane on construction site",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg",
|
||||
alt: "Close-up of Heavy Industrial Crane Mechanism",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/port-elizabeth-south-africa-29-january-2024_58702-16680.jpg",
|
||||
alt: "Port Elizabeth South Africa 29 January 2024",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48546.jpg",
|
||||
alt: "Team of business people in group. Architect and engineers. International partners.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/petroleum-engineer-controlling-work-oil-well-pump-jack_651396-3040.jpg", alt: "Petroleum engineer controlling work of oil well pump jack" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crop-crane-construction-site_23-2147785503.jpg", alt: "Crop crane on construction site" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg", alt: "Close-up of Heavy Industrial Crane Mechanism" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/port-elizabeth-south-africa-29-january-2024_58702-16680.jpg", alt: "Port Elizabeth South Africa 29 January 2024" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48546.jpg", alt: "Team of business people in group. Architect and engineers. International partners." },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied industry partners"
|
||||
/>
|
||||
@@ -102,7 +70,7 @@ export default function LandingPage() {
|
||||
description="Jeddah Foundation Contracting Co. is a leading Saudi contractor specializing in geotechnical engineering and foundation systems."
|
||||
subdescription="Since 2008, we have delivered high-performance solutions for complex infrastructure and marine projects across the Kingdom."
|
||||
icon={Building2}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -112,41 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Deep Foundations",
|
||||
description: "High-capacity piling systems for critical structures.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5m4vho",
|
||||
imageAlt: "Aramco corporate logo minimal",
|
||||
},
|
||||
{
|
||||
title: "Diaphragm Walls",
|
||||
description: "Engineered retaining systems for deep excavations.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg?_wi=2",
|
||||
imageAlt: "Aramco corporate logo minimal",
|
||||
},
|
||||
{
|
||||
title: "Piling Solutions",
|
||||
description: "Bored piles and CFA systems for all soil conditions.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg?_wi=2",
|
||||
imageAlt: "Aramco corporate logo minimal",
|
||||
},
|
||||
{
|
||||
title: "Dewatering Systems",
|
||||
description: "Efficient groundwater control for safe construction.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-3934.jpg?_wi=1",
|
||||
imageAlt: "Aramco corporate logo minimal",
|
||||
},
|
||||
{
|
||||
title: "Ground Improvement",
|
||||
description: "Stone columns and vibro-replacement technologies.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-long-self-anchored-suspension-bridge-through-sea_181624-40406.jpg?_wi=1",
|
||||
imageAlt: "Aramco corporate logo minimal",
|
||||
},
|
||||
{ title: "Deep Foundations", description: "High-capacity piling systems for critical structures.", buttonIcon: ArrowRight },
|
||||
{ title: "Diaphragm Walls", description: "Engineered retaining systems for deep excavations.", buttonIcon: ArrowRight },
|
||||
{ title: "Piling Solutions", description: "Bored piles and CFA systems for all soil conditions.", buttonIcon: ArrowRight },
|
||||
{ title: "Dewatering Systems", description: "Efficient groundwater control for safe construction.", buttonIcon: ArrowRight },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Comprehensive geotechnical engineering solutions designed to support the heaviest loads and ensure long-term structure integrity."
|
||||
@@ -160,24 +97,9 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Al Arous Infrastructure",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-3934.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "King Abdulaziz Road Tunnel",
|
||||
price: "In Progress",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-long-self-anchored-suspension-bridge-through-sea_181624-40406.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Shoaiba Marine Jetty",
|
||||
price: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184921.jpg",
|
||||
},
|
||||
{ id: "1", name: "Al Arous Infrastructure", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-3934.jpg" },
|
||||
{ id: "2", name: "King Abdulaziz Road Tunnel", price: "In Progress", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-long-self-anchored-suspension-bridge-through-sea_181624-40406.jpg" },
|
||||
{ id: "3", name: "Shoaiba Marine Jetty", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184921.jpg" },
|
||||
]}
|
||||
title="Landmark Projects"
|
||||
description="Proven success across the Kingdom’s most demanding infrastructure terrains."
|
||||
@@ -189,14 +111,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Saudi Aramco",
|
||||
"Binyah Company",
|
||||
"Modern Constructors",
|
||||
"Infrastructure KSA",
|
||||
"Marine Tech",
|
||||
"Urban Developers",
|
||||
"National Power",
|
||||
]}
|
||||
"Saudi Aramco", "Binyah Company", "Modern Constructors", "Infrastructure KSA", "Marine Tech", "Urban Developers", "National Power"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our work is defined by excellence, meeting the stringent standards of our partners."
|
||||
/>
|
||||
@@ -208,24 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Experience",
|
||||
value: "15+ Years",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Building2,
|
||||
title: "Projects",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Engineers",
|
||||
value: "100+",
|
||||
},
|
||||
{ id: "m1", icon: Award, title: "Experience", value: "15+ Years" },
|
||||
{ id: "m2", icon: Building2, title: "Projects", value: "200+" },
|
||||
{ id: "m3", icon: Users, title: "Engineers", value: "100+" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Technical excellence meeting every project challenge head-on."
|
||||
@@ -237,34 +137,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Proven Track Record",
|
||||
description: "Successfully completed major infrastructure projects for over 15 years.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=orz4jx",
|
||||
imageAlt: "Binyah construction company logo",
|
||||
},
|
||||
{
|
||||
title: "Advanced Machinery",
|
||||
description: "Equipped with state-of-the-art piling and geotechnical technology.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg?_wi=3",
|
||||
imageAlt: "Binyah construction company logo",
|
||||
},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Over 100 dedicated engineers providing 24/7 technical oversight.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg?_wi=3",
|
||||
imageAlt: "Binyah construction company logo",
|
||||
},
|
||||
{
|
||||
title: "Commitment to Safety",
|
||||
description: "Strict adherence to quality and HSE standards in every operation.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-3934.jpg?_wi=3",
|
||||
imageAlt: "Binyah construction company logo",
|
||||
},
|
||||
{ title: "Proven Track Record", description: "Successfully completed major infrastructure projects for over 15 years.", buttonIcon: CheckCircle },
|
||||
{ title: "Advanced Machinery", description: "Equipped with state-of-the-art piling and geotechnical technology.", buttonIcon: Zap },
|
||||
{ title: "Expert Team", description: "Over 100 dedicated engineers providing 24/7 technical oversight.", buttonIcon: Users },
|
||||
{ title: "Commitment to Safety", description: "Strict adherence to quality and HSE standards in every operation.", buttonIcon: Shield },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Precision-focused delivery with deep engineering knowledge."
|
||||
@@ -274,9 +150,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Let's Connect"
|
||||
title="Let’s Build Something Strong Together"
|
||||
description="Our team is ready to discuss your foundation and geotechnical needs. Jeddah, Saudi Arabia • +966 12 652 1066"
|
||||
@@ -290,16 +164,8 @@ export default function LandingPage() {
|
||||
logoText="Jeddah Foundation"
|
||||
copyrightText="© 2025 Jeddah Foundation Contracting Co."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user