Update src/app/page.tsx
This commit is contained in:
198
src/app/page.tsx
198
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mishti Infra"
|
||||
/>
|
||||
@@ -59,13 +51,9 @@ export default function LandingPage() {
|
||||
description="Redefining the landscape of tomorrow through advanced engineering, sustainable development, and visionary infrastructure solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941528.jpg"
|
||||
@@ -78,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built on Vision"
|
||||
description={[
|
||||
"Mishti Infrastructure stands at the forefront of engineering excellence, delivering complex urban and civil projects that define the modern era.",
|
||||
"We integrate smart technology with robust materials to create assets that stand the test of time.",
|
||||
]}
|
||||
"Mishti Infrastructure stands at the forefront of engineering excellence, delivering complex urban and civil projects that define the modern era.", "We integrate smart technology with robust materials to create assets that stand the test of time."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,26 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Logistics",
|
||||
description: "Optimized delivery and network routing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-133727.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "Smart Logistics", description: "Optimized delivery and network routing.", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4006.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/technology-circuit-processor-innovation-network-concept_53876-133727.jpg", buttonText: "Read More"},
|
||||
{
|
||||
title: "Green Energy",
|
||||
description: "Sustainable power grid integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wind-energy-near-highway-turbines-sunset-eco-electricity_169016-68366.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/wind-farm-field-sun-rays-green-energy-rural-landscape_169016-68720.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "Green Energy", description: "Sustainable power grid integration.", imageSrc: "http://img.b2bpic.net/free-photo/wind-energy-near-highway-turbines-sunset-eco-electricity_169016-68366.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/wind-farm-field-sun-rays-green-energy-rural-landscape_169016-68720.jpg", buttonText: "Read More"},
|
||||
{
|
||||
title: "Urban Mobility",
|
||||
description: "Advanced transit infrastructure systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-720.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065425.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
title: "Urban Mobility", description: "Advanced transit infrastructure systems.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-traffic-light-trails-road_1359-720.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065425.jpg", buttonText: "Read More"},
|
||||
]}
|
||||
title="Our Core Expertise"
|
||||
description="Delivering high-performance infrastructure solutions globally."
|
||||
@@ -123,49 +94,20 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Skyline Bridge",
|
||||
price: "Major Infra",
|
||||
variant: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-metal-red-structure-clear-blue-sky_181624-6529.jpg",
|
||||
},
|
||||
id: "p1", name: "Skyline Bridge", price: "Major Infra", variant: "2024", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-metal-red-structure-clear-blue-sky_181624-6529.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Power Grid Alpha",
|
||||
price: "Energy",
|
||||
variant: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663034.jpg",
|
||||
},
|
||||
id: "p2", name: "Power Grid Alpha", price: "Energy", variant: "2023", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663034.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smart City Hub",
|
||||
price: "Urban",
|
||||
variant: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-two-large-skyscrapers-city_181624-32806.jpg",
|
||||
},
|
||||
id: "p3", name: "Smart City Hub", price: "Urban", variant: "2024", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-two-large-skyscrapers-city_181624-32806.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tunnel Link X",
|
||||
price: "Transport",
|
||||
variant: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blueprint-earmuffs_53876-30207.jpg",
|
||||
},
|
||||
id: "p4", name: "Tunnel Link X", price: "Transport", variant: "2024", imageSrc: "http://img.b2bpic.net/free-photo/blueprint-earmuffs_53876-30207.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Railway Transit",
|
||||
price: "Transit",
|
||||
variant: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-london-streets-cityscape_23-2149377160.jpg",
|
||||
},
|
||||
id: "p5", name: "Railway Transit", price: "Transit", variant: "2023", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-london-streets-cityscape_23-2149377160.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Water Flow Nexus",
|
||||
price: "Utility",
|
||||
variant: "2023",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-working-smart-factory-collecting-analyzing-data_482257-120556.jpg",
|
||||
},
|
||||
id: "p6", name: "Water Flow Nexus", price: "Utility", variant: "2023", imageSrc: "http://img.b2bpic.net/free-photo/engineers-working-smart-factory-collecting-analyzing-data_482257-120556.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcasing our landmark achievements in the infrastructure sector."
|
||||
@@ -179,23 +121,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Projects Completed", value: "150+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Zap,
|
||||
title: "Energy Generated",
|
||||
value: "5GW",
|
||||
},
|
||||
id: "m2", icon: Zap,
|
||||
title: "Energy Generated", value: "5GW"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Safety Standards",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Safety Standards", value: "100%"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our scale and reliability."
|
||||
@@ -209,45 +142,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@eng",
|
||||
testimonial: "Mishti provided impeccable service and design solutions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@eng", testimonial: "Mishti provided impeccable service and design solutions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@gov",
|
||||
testimonial: "The precision they brought to our city planning is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-special-industrial-protective-equipment_23-2148991969.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@gov", testimonial: "The precision they brought to our city planning is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-special-industrial-protective-equipment_23-2148991969.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@urb",
|
||||
testimonial: "Highly innovative engineering team with clear vision.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@urb", testimonial: "Highly innovative engineering team with clear vision.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@dev",
|
||||
testimonial: "Project delivered on time and exceeded expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@dev", testimonial: "Project delivered on time and exceeded expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-workman-wearing-white-hard-hat_1303-26649.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris B.",
|
||||
handle: "@ops",
|
||||
testimonial: "A reliable partner for large scale logistics infrastructure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg",
|
||||
},
|
||||
id: "5", name: "Chris B.", handle: "@ops", testimonial: "A reliable partner for large scale logistics infrastructure.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-engineer-hard-hat-building_1303-21147.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted Partners"
|
||||
@@ -261,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What industries do you serve?",
|
||||
content: "We serve energy, transport, and urban development sectors.",
|
||||
},
|
||||
id: "1", title: "What industries do you serve?", content: "We serve energy, transport, and urban development sectors."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do we start a project?",
|
||||
content: "Schedule a consultation via our contact portal.",
|
||||
},
|
||||
id: "2", title: "How do we start a project?", content: "Schedule a consultation via our contact portal."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your solutions sustainable?",
|
||||
content: "Yes, sustainability is at the core of all our designs.",
|
||||
},
|
||||
id: "3", title: "Are your solutions sustainable?", content: "Yes, sustainability is at the core of all our designs."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to commonly asked questions about our process."
|
||||
@@ -286,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Build Together?"
|
||||
description="Reach out to us to start your next infrastructure journey."
|
||||
@@ -298,29 +196,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user