Merge version_1 into main #1
226
src/app/page.tsx
226
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Reco Engineering"
|
||||
/>
|
||||
@@ -59,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Engineering Precision. Built to Last."
|
||||
description="Premium machining, steel fabrication, casting, and industrial engineering solutions trusted by businesses across Tanzania."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request a Quote", href: "#contact"},
|
||||
{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Our Services", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg"
|
||||
@@ -79,47 +64,27 @@ export default function LandingPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg",
|
||||
alt: "Classic studio portrait of black American male",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/classic-studio-portrait-black-american-male-dressed-suit-grey-vignette-background_613910-9578.jpg", alt: "Classic studio portrait of black American male"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg",
|
||||
alt: "Portrait of a male in a stylish blue suit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", alt: "Portrait of a male in a stylish blue suit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
|
||||
alt: "Portrait of a business woman in a formal suit",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg", alt: "Portrait of a business woman in a formal suit"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
|
||||
alt: "Medium shot smiley man posing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg", alt: "Medium shot smiley man posing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-male-entrepreneur-holds-clipboard_482257-121175.jpg",
|
||||
alt: "Caucasian male entrepreneur holds clipboard",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-male-entrepreneur-holds-clipboard_482257-121175.jpg", alt: "Caucasian male entrepreneur holds clipboard"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
type: "text", text: "Precision Engineering"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Steel Fabrication",
|
||||
},
|
||||
type: "text", text: "Steel Fabrication"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial Casting",
|
||||
},
|
||||
type: "text", text: "Industrial Casting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mechanical Repairs",
|
||||
},
|
||||
type: "text", text: "Mechanical Repairs"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assurance",
|
||||
},
|
||||
type: "text", text: "Quality Assurance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,9 +96,7 @@ export default function LandingPage() {
|
||||
title="The Home of Engineering Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Learn More", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -146,17 +109,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mechanical Engineering support for systems",
|
||||
"Workshop Repairs and Equipment servicing",
|
||||
"Custom Manufacturing tailored fabrication projects",
|
||||
],
|
||||
"Mechanical Engineering support for systems", "Workshop Repairs and Equipment servicing", "Custom Manufacturing tailored fabrication projects"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Precision Machining with industrial-grade accuracy",
|
||||
"Steel Fabrication for structural projects",
|
||||
"Casting & Molding industrial manufacturing solutions",
|
||||
],
|
||||
"Precision Machining with industrial-grade accuracy", "Steel Fabrication for structural projects", "Casting & Molding industrial manufacturing solutions"],
|
||||
}}
|
||||
title="Industrial Engineering Solutions"
|
||||
description="Customized precision engineering, steel fabrication, and mechanical repairs for Tanzanian industrial sectors."
|
||||
@@ -170,20 +127,11 @@ export default function LandingPage() {
|
||||
tag="Why Clients Trust Us"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "60+",
|
||||
description: "Verified Project Reviews",
|
||||
},
|
||||
id: "1", value: "60+", description: "Verified Project Reviews"},
|
||||
{
|
||||
id: "2",
|
||||
value: "4.5",
|
||||
description: "Average Star Rating",
|
||||
},
|
||||
id: "2", value: "4.5", description: "Average Star Rating"},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
description: "Industrial Quality Assurance",
|
||||
},
|
||||
id: "3", value: "100%", description: "Industrial Quality Assurance"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -195,45 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Workshop",
|
||||
quote: "Reco Engineering is one of the best workshops for any kind of machining job.",
|
||||
name: "Afsar Ali",
|
||||
role: "Site Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
},
|
||||
id: "1", title: "Great Workshop", quote: "Reco Engineering is one of the best workshops for any kind of machining job.", name: "Afsar Ali", role: "Site Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Very Accurate",
|
||||
quote: "Professional job and accurate.",
|
||||
name: "Ahmed Ağa",
|
||||
role: "Factory Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg",
|
||||
},
|
||||
id: "2", title: "Very Accurate", quote: "Professional job and accurate.", name: "Ahmed Ağa", role: "Factory Lead", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Professional",
|
||||
quote: "Excellent place for engineering works.",
|
||||
name: "Adventina William",
|
||||
role: "Logistics Planner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-reviews-industry-40-production-line-performance_482257-126019.jpg",
|
||||
},
|
||||
id: "3", title: "Highly Professional", quote: "Excellent place for engineering works.", name: "Adventina William", role: "Logistics Planner", imageSrc: "http://img.b2bpic.net/free-photo/technician-reviews-industry-40-production-line-performance_482257-126019.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Efficient Engineers",
|
||||
quote: "Efficient engineers, very helpful and very busy.",
|
||||
name: "Khalid Elias",
|
||||
role: "Technical Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "4", title: "Efficient Engineers", quote: "Efficient engineers, very helpful and very busy.", name: "Khalid Elias", role: "Technical Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Quality",
|
||||
quote: "The team delivered exceptional steel fabrication for our site expansion.",
|
||||
name: "Sarah Juma",
|
||||
role: "Operation Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",
|
||||
},
|
||||
id: "5", title: "Top Quality", quote: "The team delivered exceptional steel fabrication for our site expansion.", name: "Sarah Juma", role: "Operation Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg"},
|
||||
]}
|
||||
title="Voices of Excellence"
|
||||
description="Why industry leaders trust Reco Engineering."
|
||||
@@ -245,14 +163,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Manufacturing",
|
||||
"Construction",
|
||||
"Mining",
|
||||
"Automotive",
|
||||
"Industrial Plants",
|
||||
"Infrastructure",
|
||||
"Logistics",
|
||||
]}
|
||||
"Manufacturing", "Construction", "Mining", "Automotive", "Industrial Plants", "Infrastructure", "Logistics"]}
|
||||
title="Industries We Support"
|
||||
description="Tailored engineering precision for diverse industrial sectors."
|
||||
/>
|
||||
@@ -260,46 +171,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steel Structural Base",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6624.jpg",
|
||||
},
|
||||
id: "p1", name: "Steel Structural Base", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6624.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Machine Gear Assembly",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-tower-city-finance-skyline_1417-317.jpg",
|
||||
},
|
||||
id: "p2", name: "Machine Gear Assembly", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-tower-city-finance-skyline_1417-317.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Foundation Mold Casting",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hammer-anvil-dark-blacksmith-workshop-with-fire-stove-background_613910-3412.jpg",
|
||||
},
|
||||
id: "p3", name: "Foundation Mold Casting", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/hammer-anvil-dark-blacksmith-workshop-with-fire-stove-background_613910-3412.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Industrial Gear Set",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pieces-saw_23-2147773400.jpg",
|
||||
},
|
||||
id: "p4", name: "Industrial Gear Set", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/pieces-saw_23-2147773400.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Custom Weld Component",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-person-heat-swirl-party_1323-40.jpg",
|
||||
},
|
||||
id: "p5", name: "Custom Weld Component", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/amazing-person-heat-swirl-party_1323-40.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "CNC Precision Part",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inside-factory-unit-with-new-modern-computerized-equipment-mechanisms-box-with-swarf-photo-with-depth-field_645730-62.jpg",
|
||||
},
|
||||
id: "p6", name: "CNC Precision Part", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/inside-factory-unit-with-new-modern-computerized-equipment-mechanisms-box-with-swarf-photo-with-depth-field_645730-62.jpg"},
|
||||
]}
|
||||
title="Project Showcase"
|
||||
description="Visual highlights of our structural fabrication and machining projects."
|
||||
@@ -310,8 +198,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Consultation"
|
||||
title="Need Precision Engineering Solutions?"
|
||||
description="Partner with a workshop trusted for quality engineering and industrial-grade manufacturing."
|
||||
@@ -323,46 +210,29 @@ export default function LandingPage() {
|
||||
logoText="Reco Engineering Co Ltd"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user