Merge version_2 into main #3
113
src/app/page.tsx
113
src/app/page.tsx
@@ -4,14 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { ShieldCheck, Target, Zap, Building2 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -41,115 +42,105 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
<HeroSplitDualMedia
|
||||
title="Engineering Solutions for a Changing World"
|
||||
description="Our goal is to turn our clients' needs into engineering solutions through creativity, quality, economy and accurate terms."
|
||||
tag="Engineering Excellence"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by industry experts"
|
||||
background={{ variant: 'rotated-rays-animated' }}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png"
|
||||
showBlur={true}
|
||||
testimonials={[
|
||||
{ name: "John Doe", handle: "CEO", testimonial: "Exceptional precision in project delivery.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-senior-industrial-client-p-1778195047823-003d6536.png" },
|
||||
{ name: "Jane Smith", handle: "Manager", testimonial: "Reliable engineering and top-tier support.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-project-manager-profession-1778195056936-c22446f0.png" },
|
||||
{ name: "Robert Brown", handle: "Exec", testimonial: "Transformed our complex site requirements.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-construction-executive-pro-1778195065235-918ef3d1.png" },
|
||||
{ name: "Alice Green", handle: "Head", testimonial: "Highly recommended for infrastructure projects.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-corporate-client-professio-1778195074790-f6378ae9.png" },
|
||||
{ name: "Mark Wilson", handle: "Dir", testimonial: "Efficient, cost-effective, and professional.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-an-infrastructure-investor-s-1778195083490-8fdbd820.png" },
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195028399-b16623d2.png" }
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png", alt: "Client 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195028399-b16623d2.png", alt: "Client 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-desk-with-blueprints-engineering--1778195038761-767e8a61.png", alt: "Client 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-senior-industrial-client-p-1778195047823-003d6536.png", alt: "Client 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/portrait-of-a-project-manager-profession-1778195056936-c22446f0.png", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by industry leaders"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Who We Are"
|
||||
description="We have undertaken a commitment to our clients to collaborate with them in order to achieve continuous improvements in their companies. We assess every need thoroughly to provide specific engineering results."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195028399-b16623d2.png"
|
||||
metrics={[{ title: "Years", value: "15+" }, { title: "Projects", value: "200+" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive assembly, construction, and design services built for resilience and efficiency."
|
||||
features={[
|
||||
{
|
||||
title: "Project Design", description: "Creative engineering solutions.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195091892-4a806132.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195100696-2308f355.png" },
|
||||
title: "Project Design",
|
||||
description: "Creative engineering solutions tailored to your unique site requirements.",
|
||||
icon: Target,
|
||||
mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195091892-4a806132.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195100696-2308f355.png" }]
|
||||
},
|
||||
{
|
||||
title: "Assembly Management", description: "Execution and mounting management.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195108979-d65c49b3.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195118598-8226aa92.png" },
|
||||
title: "Assembly Management",
|
||||
description: "Professional execution and mounting oversight to ensure safety and precision.",
|
||||
icon: Zap,
|
||||
mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195108979-d65c49b3.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195118598-8226aa92.png" }]
|
||||
},
|
||||
{
|
||||
title: "Construction Control", description: "Accurate term project control.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195126715-21da62ea.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195135348-eb887b5c.png" },
|
||||
},
|
||||
title: "Construction Control",
|
||||
description: "Accurate term monitoring and infrastructure quality assurance.",
|
||||
icon: ShieldCheck,
|
||||
mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195126715-21da62ea.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/professional-team-standing-in-an-industr-1778195135348-eb887b5c.png" }]
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive assembly, construction, and design services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", description: "Years of Experience" },
|
||||
{ id: "m2", value: "200+", description: "Successful Projects" },
|
||||
{ id: "m3", value: "100%", description: "Client Commitment" },
|
||||
]}
|
||||
title="Our Proven Track Record"
|
||||
description="Stats that matter to our success."
|
||||
description="Stats that highlight our commitment to client success and project longevity."
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Experience", description: "Years of Industry Leadership", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-desk-with-blueprints-engineering--1778195038761-767e8a61.png" },
|
||||
{ id: "m2", value: "200+", title: "Projects", description: "Successfully Delivered Works", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DPEpCnO5F9r926kAYrCd5i20gz/modern-engineering-site-office-sleek-arc-1778195019368-18e22bc8.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="alliances" data-section="alliances">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={["TechCorp", "EnergySys", "ConstruGroup", "InfrastructureInc", "GlobalSolutions", "ModernBuild", "EcoWorks"]}
|
||||
title="Our Strategic Alliances"
|
||||
description="Collaborating with leaders in the field."
|
||||
description="Collaborating with top-tier partners across the infrastructure sector."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", role: "CEO", company: "TechCorp", rating: 5 },
|
||||
{ id: "2", name: "Jane Smith", role: "Manager", company: "Innovate", rating: 5 },
|
||||
{ id: "3", name: "Robert Brown", role: "Exec", company: "Buildco", rating: 5 },
|
||||
{ id: "4", name: "Alice Green", role: "Head", company: "Energy", rating: 5 },
|
||||
{ id: "5", name: "Mark Wilson", role: "Dir", company: "Infra", rating: 5 },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Retention" },
|
||||
{ value: "4.9", label: "Avg Rating" },
|
||||
{ value: "120+", label: "Repeat Clients" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our clients say about our services."
|
||||
description="Real feedback from our satisfied clients across various industry sectors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "How do we start?", content: "Contact us and we will assess your project needs." },
|
||||
@@ -157,7 +148,7 @@ export default function LandingPage() {
|
||||
{ id: "3", title: "What sectors do you serve?", content: "Construction, assembly, design and infrastructure sectors." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Getting to know our services process."
|
||||
description="Learn more about our standardized process and commitment to excellence."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -166,7 +157,7 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Start Your Project"
|
||||
description="Get in touch with us at (+54) 011 4315 1599 or email us."
|
||||
description="Get in touch with us at (+54) 011 4315 1599 or email us for a consultation."
|
||||
inputs={[
|
||||
{ name: "Name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "Email", type: "email", placeholder: "Email Address", required: true },
|
||||
@@ -188,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user