Merge version_1 into main #1
401
src/app/page.tsx
401
src/app/page.tsx
@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Zap, Shield, Building2, HardHat } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,282 +29,148 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Apex Engineering"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Expertise", id: "features" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Apex Engineering"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Apex Engineering"
|
||||
description="Transforming complex challenges into sustainable, future-ready infrastructure through precision engineering and design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineering-concept_1098-18277.jpg"
|
||||
imageAlt="Modern engineering office blueprint workspace"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Apex Engineering"
|
||||
description="Transforming complex challenges into sustainable, future-ready infrastructure through precision engineering and design."
|
||||
buttons={[
|
||||
{ text: "Our Portfolio", href: "#portfolio" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineering-concept_1098-18277.jpg"
|
||||
imageAlt="Modern engineering office blueprint workspace"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Engineering Excellence Since 1995"
|
||||
description="We specialize in structural integrity, civil infrastructure, and sustainable project management. Our team delivers data-driven solutions for large-scale developments."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Successful Projects",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Certified Experts",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15528.jpg"
|
||||
imageAlt="Structural engineering architectural project"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Engineering Excellence Since 1995"
|
||||
description="We specialize in structural integrity, civil infrastructure, and sustainable project management. Our team delivers data-driven solutions for large-scale developments."
|
||||
metrics={[
|
||||
{ value: "25+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Successful Projects" },
|
||||
{ value: "150+", title: "Certified Experts" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15528.jpg"
|
||||
imageAlt="Structural engineering architectural project"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Structural Analysis",
|
||||
description: "High-fidelity finite element modeling for structural safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-design-team-configures-floor-plan-dual-monitors_482257-126974.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Material Science",
|
||||
description: "Advanced testing and implementation of resilient construction materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615088.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Civil Infrastructure",
|
||||
description: "Planning and design of sustainable energy grids and roadways.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg",
|
||||
buttonIcon: "Building2",
|
||||
},
|
||||
{
|
||||
title: "Construction Management",
|
||||
description: "End-to-end technical oversight for complex urban projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4915.jpg",
|
||||
buttonIcon: "HardHat",
|
||||
},
|
||||
]}
|
||||
title="Our Engineering Domains"
|
||||
description="We bring a deep technical expertise to every phase of the project lifecycle."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Structural Analysis", description: "High-fidelity finite element modeling for structural safety.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-design-team-configures-floor-plan-dual-monitors_482257-126974.jpg", buttonIcon: Zap },
|
||||
{ title: "Material Science", description: "Advanced testing and implementation of resilient construction materials.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-engineer-working-field-engineers-day-celebration_23-2151615088.jpg", buttonIcon: Shield },
|
||||
{ title: "Civil Infrastructure", description: "Planning and design of sustainable energy grids and roadways.", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg", buttonIcon: Building2 },
|
||||
{ title: "Construction Management", description: "End-to-end technical oversight for complex urban projects.", imageSrc: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4915.jpg", buttonIcon: HardHat },
|
||||
]}
|
||||
title="Our Engineering Domains"
|
||||
description="We bring a deep technical expertise to every phase of the project lifecycle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "CAD Suite Pro",
|
||||
price: "Standardized License",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoulder-shot-engineer-working-with-architectural-plans-cad-software-desktop-computer-designer-using-arhitecture-blueprints-buildings-working-overtime-creating-studying_482257-13413.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Seismic Monitor",
|
||||
price: "Hardware Kit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Composite Analysis",
|
||||
price: "Material Analysis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278641.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Survey Laser",
|
||||
price: "Field Instrument",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineering-create-ideas-occupation-professional-concept_53876-120830.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tool Calibration",
|
||||
price: "Calibration Set",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compass-clipboard-loupe_23-2147643085.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Texture Assessment",
|
||||
price: "Lab Software",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-striped-concrete-textured-background_53876-134167.jpg",
|
||||
},
|
||||
]}
|
||||
title="Core Technical Offerings"
|
||||
description="A selection of our specialized precision instrumentation and design software solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "CAD Suite Pro", price: "Standardized License", imageSrc: "http://img.b2bpic.net/free-photo/shoulder-shot-engineer-working-with-architectural-plans-cad-software-desktop-computer-designer-using-arhitecture-blueprints-buildings-working-overtime-creating-studying_482257-13413.jpg" },
|
||||
{ id: "p2", name: "Seismic Monitor", price: "Hardware Kit", imageSrc: "http://img.b2bpic.net/free-photo/military-drone-control-outpost-spreading-misinformation-russian-government_482257-124740.jpg" },
|
||||
{ id: "p3", name: "Composite Analysis", price: "Material Analysis", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278641.jpg" },
|
||||
{ id: "p4", name: "Survey Laser", price: "Field Instrument", imageSrc: "http://img.b2bpic.net/free-photo/engineering-create-ideas-occupation-professional-concept_53876-120830.jpg" },
|
||||
{ id: "p5", name: "Tool Calibration", price: "Calibration Set", imageSrc: "http://img.b2bpic.net/free-photo/compass-clipboard-loupe_23-2147643085.jpg" },
|
||||
{ id: "p6", name: "Texture Assessment", price: "Lab Software", imageSrc: "http://img.b2bpic.net/free-photo/gray-striped-concrete-textured-background_53876-134167.jpg" },
|
||||
]}
|
||||
title="Core Technical Offerings"
|
||||
description="A selection of our specialized precision instrumentation and design software solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Firm Performance"
|
||||
tag="Firm Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Structural Safety Record",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Industry Awards Won",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "85",
|
||||
description: "Ongoing Global Projects",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Firm Performance"
|
||||
tag="Firm Stats"
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", description: "Structural Safety Record" },
|
||||
{ id: "m2", value: "12", description: "Industry Awards Won" },
|
||||
{ id: "m3", value: "85", description: "Ongoing Global Projects" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-construction-site-measuring_23-2147702480.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-with-laptop_23-2148116267.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-office_23-2148242899.jpg" },
|
||||
{ id: "t2", name: "Elena S.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg" },
|
||||
{ id: "t3", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg" },
|
||||
{ id: "t4", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/female-architect-construction-site-measuring_23-2147702480.jpg" },
|
||||
{ id: "t5", name: "Kevin R.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-with-laptop_23-2148116267.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide international services?",
|
||||
content: "Yes, we operate in 12 countries across three continents.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do you ensure project safety?",
|
||||
content: "All designs undergo rigorous third-party auditing and safety simulations.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle government projects?",
|
||||
content: "We have extensive experience navigating strict governmental compliance and procurement frameworks.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your technical project concerns."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you provide international services?", content: "Yes, we operate in 12 countries across three continents." },
|
||||
{ id: "f2", title: "How do you ensure project safety?", content: "All designs undergo rigorous third-party auditing and safety simulations." },
|
||||
{ id: "f3", title: "Can you handle government projects?", content: "We have extensive experience navigating strict governmental compliance and procurement frameworks." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your technical project concerns."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Project"
|
||||
description="Discuss your technical requirements with our lead engineers today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-geometric-triangle-pen_23-2148039880.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Start Your Project"
|
||||
description="Discuss your technical requirements with our lead engineers today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-with-geometric-triangle-pen_23-2148039880.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Apex Engineering"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Apex Engineering"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user