Update src/app/page.tsx
This commit is contained in:
306
src/app/page.tsx
306
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "expertise",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Expertise", id: "expertise" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Excel Engineering"
|
||||
/>
|
||||
@@ -55,123 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excel Engineering"
|
||||
description="Building the foundation for a better future through precision, innovation, and technical excellence. We deliver high-impact engineering solutions for modern infrastructure."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@infrastructure",
|
||||
testimonial: "Excel Engineering exceeded our project milestones with precision and professionalism.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndwbra",
|
||||
},
|
||||
{
|
||||
name: "Mark Thornton",
|
||||
handle: "@developer",
|
||||
testimonial: "A team that truly understands structural complexity like no other.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yjoo2u",
|
||||
},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
handle: "@urbanplan",
|
||||
testimonial: "Their architectural designs were fundamental to our success.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b9w8p7",
|
||||
},
|
||||
{
|
||||
name: "David Miller",
|
||||
handle: "@client",
|
||||
testimonial: "Reliable, innovative, and deeply knowledgeable in industrial systems.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u92vyu",
|
||||
},
|
||||
{
|
||||
name: "Laura Hayes",
|
||||
handle: "@energylead",
|
||||
testimonial: "Exceptional integration of sustainability into every plan.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=riwq6t",
|
||||
},
|
||||
]}
|
||||
title="Excel Engineering: Precision Gearbox Shaft Manufacturing"
|
||||
description="Leader in high-precision gearbox shaft manufacturing. We provide engineered solutions designed for extreme mechanical demand and structural performance."
|
||||
testimonials={[]}
|
||||
imageSrc="https://images.unsplash.com/photo-1581092160607-ee22530dd83a?q=80&w=2000"
|
||||
imageAlt="Precision engineered industrial gearbox shaft"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#expertise",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkc94o"
|
||||
imageAlt="professional engineering workspace"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qkc94o",
|
||||
alt: "happy engineer professional headshot",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ndwbra",
|
||||
alt: "architectural lead portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yjoo2u",
|
||||
alt: "electrical engineer senior headshot",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b9w8p7",
|
||||
alt: "construction engineer male portrait",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u92vyu",
|
||||
alt: "woman engineer professional portrait",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global project leaders."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Structural Integrity",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Design",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Energy Optimization",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Urban Planning",
|
||||
icon: Building,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Risk Management",
|
||||
icon: FileText,
|
||||
},
|
||||
{ text: "Our Services", href: "#expertise" },
|
||||
{ text: "Get a Quote", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Committed to Engineering Excellence"
|
||||
title="Engineered for Excellence"
|
||||
description="At Excel Engineering, we specialize in the custom manufacturing of high-tolerance gearbox shafts. Using state-of-the-art CNC technology, we ensure every component meets the highest industrial standards for durability and efficiency."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn About Our History",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Learn More", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,180 +72,55 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Structural Analysis",
|
||||
author: "Systems Team",
|
||||
description: "Cutting-edge stress tests and structural integrity audits to ensure long-term stability.",
|
||||
tags: [
|
||||
"Safety",
|
||||
"Analysis",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ptnes",
|
||||
id: "1", title: "Custom Shaft Design", author: "Engineering Dept", description: "Custom-engineered gearbox shafts tailored to your specific mechanical requirements and torque ratings.", tags: ["Precision", "Custom"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1590779033100-9f60a05a013d?q=80&w=800"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Electrical Engineering",
|
||||
author: "Energy Group",
|
||||
description: "Design and optimization of electrical networks for large-scale industrial infrastructures.",
|
||||
tags: [
|
||||
"Energy",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kqucqq",
|
||||
id: "2", title: "High-Tolerance Machining", author: "Machining Unit", description: "Advanced CNC manufacturing processes that guarantee structural precision for heavy-duty applications.", tags: ["Tolerance", "CNC"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?q=80&w=800"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Environmental Works",
|
||||
author: "Green Tech",
|
||||
description: "Integrating sustainable practices and ecological compliance into complex urban planning.",
|
||||
tags: [
|
||||
"Sustainability",
|
||||
"Urban",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s3vosw",
|
||||
},
|
||||
id: "3", title: "Material Integrity Testing", author: "Quality Control", description: "Rigorous stress and integrity audits ensuring all components perform flawlessly under extreme pressure.", tags: ["Testing", "Quality"],
|
||||
imageSrc: "https://images.unsplash.com/photo-1504917595217-d4f5ebe612b9?q=80&w=800"
|
||||
}
|
||||
]}
|
||||
title="Our Specialized Engineering Services"
|
||||
description="We offer comprehensive solutions tailored to the unique requirements of our clients' projects."
|
||||
title="Expert Manufacturing Services"
|
||||
description="Delivering reliability through specialized mechanical component manufacturing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Engineering by the Numbers"
|
||||
tag="Our Impact"
|
||||
title="Manufacturing Statistics"
|
||||
tag="Our Reach"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Projects Successfully Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Years of Technical Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
description: "Expert Engineers and Architects",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "99.9%",
|
||||
description: "Operational Compliance Success",
|
||||
},
|
||||
{ id: "m1", value: "10k+", description: "Shafts Produced" },
|
||||
{ id: "m2", value: "15+", description: "Years Experience" },
|
||||
{ id: "m3", value: "100%", description: "Quality Compliance" },
|
||||
{ id: "m4", value: "24/7", description: "Technical Support" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Urban Core Inc",
|
||||
"Global Infrastructures Ltd",
|
||||
"Mechanical Innovators",
|
||||
"Sustainable Power Co",
|
||||
"Advanced Structural Corp",
|
||||
"Consultancy Group",
|
||||
"Safety First Audits",
|
||||
]}
|
||||
title="Trusted by Leading Organizations"
|
||||
description="Collaborating with industry leaders to shape the landscape of modern infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ywsxfy",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Thornton",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ctz961",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9g9ord",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Miller",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6s8mrz",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura Hayes",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1atsgw",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Partners Say"
|
||||
cardTag="Customer Success"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What project types do you cover?",
|
||||
content: "We handle commercial, industrial, and infrastructure developments.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer sustainability reports?",
|
||||
content: "Yes, we integrate sustainability compliance into every project phase.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I request a consultation?",
|
||||
content: "Please contact us via the form on our contact page to get started.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need clarity? Find answers to common questions about our engineering processes and service scope."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Engineering Project"
|
||||
description="Ready to bring your architectural vision to life? Let our experts handle the technical heavy lifting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
title="Consult with our Engineering Experts"
|
||||
description="Ready to optimize your mechanical systems? Contact us for custom gearbox shaft manufacturing specifications."
|
||||
buttons={[{ text: "Request Consultation", href: "#" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Excel Engineering"
|
||||
copyrightText="© 2025 Excel Engineering | Built for Innovation"
|
||||
copyrightText="© 2025 Excel Engineering | Precision Manufacturing"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user