Update src/app/page.tsx
This commit is contained in:
231
src/app/page.tsx
231
src/app/page.tsx
@@ -5,14 +5,14 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Instagram, Linkedin, Shield, Twitter } from "lucide-react";
|
||||
import { Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
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="M.M. Enterprise"
|
||||
/>
|
||||
@@ -56,76 +48,47 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Building Your Vision, Brick by Brick"
|
||||
description="M.M. Enterprise delivers precision construction and exceptional project management for residential and commercial developments."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "15+", label: "Years Experience"},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Completed Projects",
|
||||
},
|
||||
value: "200+", label: "Completed Projects"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Client Satisfaction"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/helmet-drafting-tools_23-2147785530.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/world-trade-center-new-york-downtown-usa_1268-19539.jpg",
|
||||
alt: "Team Member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/world-trade-center-new-york-downtown-usa_1268-19539.jpg", alt: "Team Member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850242.jpg",
|
||||
alt: "Team Member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/illustration-construction-site_23-2151850242.jpg", alt: "Team Member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tall-office-modern-buildings_23-2148836835.jpg",
|
||||
alt: "Team Member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tall-office-modern-buildings_23-2148836835.jpg", alt: "Team Member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2499.jpg",
|
||||
alt: "Team Member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/new-york-city-ny-usa-october-20-2020-vessel-hudson-yards-staircase-designed-by-architect-thomas-heatherwick-midtown-manhattan-west_1321-2499.jpg", alt: "Team Member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
|
||||
alt: "Team Member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg", alt: "Team Member 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assured",
|
||||
},
|
||||
type: "text", text: "Quality Assured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Leading",
|
||||
},
|
||||
type: "text", text: "Industry Leading"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Time Efficient",
|
||||
},
|
||||
type: "text", text: "Time Efficient"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety First",
|
||||
},
|
||||
type: "text", text: "Safety First"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Design",
|
||||
},
|
||||
type: "text", text: "Innovative Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,20 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Construction",
|
||||
description: "Custom home building and luxury residential modifications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307735.jpg",
|
||||
},
|
||||
title: "Residential Construction", description: "Custom home building and luxury residential modifications.", imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307735.jpg"},
|
||||
{
|
||||
title: "Commercial Development",
|
||||
description: "Infrastructure for businesses, offices, and retail spaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-are-installing-steel-rods-reinforced-concrete-beam_1150-6193.jpg",
|
||||
},
|
||||
title: "Commercial Development", description: "Infrastructure for businesses, offices, and retail spaces.", imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-are-installing-steel-rods-reinforced-concrete-beam_1150-6193.jpg"},
|
||||
{
|
||||
title: "Renovation & Remodeling",
|
||||
description: "Revitalizing existing structures with modern upgrades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavators-symbol-road-construction-work-tools-road-signs-brick_1417-1115.jpg",
|
||||
},
|
||||
title: "Renovation & Remodeling", description: "Revitalizing existing structures with modern upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/excavators-symbol-road-construction-work-tools-road-signs-brick_1417-1115.jpg"},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive construction solutions tailored for your unique requirements."
|
||||
@@ -176,26 +130,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1200",
|
||||
title: "Workers Employed",
|
||||
description: "Daily active construction personnel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analytics-comparison-information-networking-concept_53876-15846.jpg",
|
||||
},
|
||||
id: "m1", value: "1200", title: "Workers Employed", description: "Daily active construction personnel.", imageSrc: "http://img.b2bpic.net/free-photo/analytics-comparison-information-networking-concept_53876-15846.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450k",
|
||||
title: "Sq. Ft. Built",
|
||||
description: "Total area covered by projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-holding-touchpad-with-presentation_1262-3210.jpg",
|
||||
},
|
||||
id: "m2", value: "450k", title: "Sq. Ft. Built", description: "Total area covered by projects.", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-holding-touchpad-with-presentation_1262-3210.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
title: "Safety Awards",
|
||||
description: "Recognizing our commitment to safety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg",
|
||||
},
|
||||
id: "m3", value: "12", title: "Safety Awards", description: "Recognizing our commitment to safety.", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working-laptop_23-2148886881.jpg"},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Data-driven construction excellence you can depend on."
|
||||
@@ -210,41 +149,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "City Mall Complex",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-teamwork-designing-blueprints-plan-after-analyzing-building-model-team-people-using-maquette-create-architectural-construction-urban-development-project_482257-38838.jpg",
|
||||
},
|
||||
id: "p1", name: "City Mall Complex", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-doing-teamwork-designing-blueprints-plan-after-analyzing-building-model-team-people-using-maquette-create-architectural-construction-urban-development-project_482257-38838.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Greenwood Villas",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg",
|
||||
},
|
||||
id: "p2", name: "Greenwood Villas", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/building-construction_1122-1179.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Office Plaza West",
|
||||
price: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg",
|
||||
},
|
||||
id: "p3", name: "Office Plaza West", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661416.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban Renewal",
|
||||
price: "Infrastructure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-team-using-3d-models-explore-construction-layout-options-working-residential_482257-136318.jpg",
|
||||
},
|
||||
id: "p4", name: "Urban Renewal", price: "Infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-team-using-3d-models-explore-construction-layout-options-working-residential_482257-136318.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Loft Unit",
|
||||
price: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-opening-architectural-project_23-2148242959.jpg",
|
||||
},
|
||||
id: "p5", name: "Modern Loft Unit", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/man-opening-architectural-project_23-2148242959.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Community Center",
|
||||
price: "Infrastructure",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004791.jpg",
|
||||
},
|
||||
id: "p6", name: "Community Center", price: "Infrastructure", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004791.jpg"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A look at some of our finest work across various industries."
|
||||
@@ -256,30 +171,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-manager-handshaking-with-candidate-after-successful-job-interview-office_637285-6543.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/happy-manager-handshaking-with-candidate-after-successful-job-interview-office_637285-6543.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-showing-approval_23-2148269355.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Susan Clark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
|
||||
},
|
||||
id: "t4", name: "Susan Clark", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-working-laptop-workplace_23-2147880488.jpg",
|
||||
},
|
||||
id: "t5", name: "Robert Miller", imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-working-laptop-workplace_23-2147880488.jpg"},
|
||||
]}
|
||||
cardTitle="What Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -293,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the project timeline?",
|
||||
content: "Timelines depend on complexity and size, usually estimated at the initial site assessment.",
|
||||
},
|
||||
id: "f1", title: "What is the project timeline?", content: "Timelines depend on complexity and size, usually estimated at the initial site assessment."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide guarantees?",
|
||||
content: "Yes, all our work comes with a comprehensive structural warranty.",
|
||||
},
|
||||
id: "f2", title: "Do you provide guarantees?", content: "Yes, all our work comes with a comprehensive structural warranty."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do we get started?",
|
||||
content: "Schedule a consultation through our contact page to begin discussing your requirements.",
|
||||
},
|
||||
id: "f3", title: "How do we get started?", content: "Schedule a consultation through our contact page to begin discussing your requirements."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Clear answers for our clients."
|
||||
@@ -318,42 +209,44 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to build your next project with M.M. Enterprise? Get in touch today for a professional consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:info@mmenterprise.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:info@mmenterprise.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterLogoEmphasis
|
||||
logoText="M.M. Enterprise"
|
||||
copyrightText="© 2025 M.M. Enterprise Construction."
|
||||
socialLinks={[
|
||||
columns={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Projects", href: "#projects" }
|
||||
]
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
items: [
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "News", href: "#" },
|
||||
{ label: "Support", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
items: [
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Licensing", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user