Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
311
src/app/page.tsx
311
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
name: "Projects", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Michigan Construction Group"
|
||||
/>
|
||||
@@ -60,92 +50,51 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Built for Michigan, Built for Life"
|
||||
description="Michigan Construction Group provides superior residential and commercial building services, combining traditional craftsmanship with modern efficiency."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Excellent service and quality build.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg?_wi=1",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and quality build.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg"},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Professional, on-time, and high quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg?_wi=1",
|
||||
},
|
||||
name: "Jane Smith", handle: "@janesmith", testimonial: "Professional, on-time, and high quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
|
||||
{
|
||||
name: "Bob Builder",
|
||||
handle: "@bob",
|
||||
testimonial: "Great attention to detail and communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-couple-just-moved-house-happy-family-new-apartment-unboxing-clothes-girl-guy-excited-about-finding-beautiful-pink-skirt-wife-husband-bright-room-wearing-casual-clothes_197531-1612.jpg?_wi=1",
|
||||
},
|
||||
name: "Bob Builder", handle: "@bob", testimonial: "Great attention to detail and communication.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-couple-just-moved-house-happy-family-new-apartment-unboxing-clothes-girl-guy-excited-about-finding-beautiful-pink-skirt-wife-husband-bright-room-wearing-casual-clothes_197531-1612.jpg"},
|
||||
{
|
||||
name: "Alice Green",
|
||||
handle: "@aliceg",
|
||||
testimonial: "Transformative renovation, truly exceeded our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg?_wi=1",
|
||||
},
|
||||
name: "Alice Green", handle: "@aliceg", testimonial: "Transformative renovation, truly exceeded our expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg"},
|
||||
{
|
||||
name: "Mike Davis",
|
||||
handle: "@miked",
|
||||
testimonial: "Stellar communication and reliable crew throughout.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-paper_23-2148943615.jpg?_wi=1",
|
||||
},
|
||||
name: "Mike Davis", handle: "@miked", testimonial: "Stellar communication and reliable crew throughout.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-paper_23-2148943615.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1730.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-with-orange-vest-pointing_23-2148269877.jpg",
|
||||
alt: "Satisfied client portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-with-orange-vest-pointing_23-2148269877.jpg", alt: "Satisfied client portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35557.jpg",
|
||||
alt: "Satisfied client portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35557.jpg", alt: "Satisfied client portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg",
|
||||
alt: "Satisfied client portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attentiveness-businesswoman-with-long-blond-hair-safety-helmet-looking-closely-document-standing-construction-site-working-group_259150-57757.jpg", alt: "Satisfied client portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42834.jpg",
|
||||
alt: "Satisfied client portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-42834.jpg", alt: "Satisfied client portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg",
|
||||
alt: "Satisfied client portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg", alt: "Satisfied client portrait 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Residential Construction",
|
||||
},
|
||||
type: "text", text: "Residential Construction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Commercial Development",
|
||||
},
|
||||
type: "text", text: "Commercial Development"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Assurance",
|
||||
},
|
||||
type: "text", text: "Quality Assurance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Michigan Trusted",
|
||||
},
|
||||
type: "text", text: "Michigan Trusted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Modern Craftsmanship"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,20 +106,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -183,20 +123,11 @@ export default function LandingPage() {
|
||||
description="Our core values drive every project we undertake, ensuring quality, safety, and transparency from start to finish."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Expert Craftsmanship",
|
||||
content: "Our team consists of highly skilled professionals who take pride in precision.",
|
||||
},
|
||||
id: "f1", title: "Expert Craftsmanship", content: "Our team consists of highly skilled professionals who take pride in precision."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Project Management",
|
||||
content: "We handle every detail of the construction process to keep timelines on track.",
|
||||
},
|
||||
id: "f2", title: "Project Management", content: "We handle every detail of the construction process to keep timelines on track."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sustainable Solutions",
|
||||
content: "Modern building practices focused on energy efficiency and long-term durability.",
|
||||
},
|
||||
id: "f3", title: "Sustainable Solutions", content: "Modern building practices focused on energy efficiency and long-term durability."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-croatia-monument-uprising-people-banija-kordun_181624-6228.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -211,59 +142,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Residential",
|
||||
name: "Luxury Home Build",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-2943.jpg",
|
||||
},
|
||||
id: "p1", brand: "Residential", name: "Luxury Home Build", price: "Custom", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-kitchen_181624-2943.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Renovation",
|
||||
name: "Modern Kitchen Suite",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278646.jpg",
|
||||
},
|
||||
id: "p2", brand: "Renovation", name: "Modern Kitchen Suite", price: "Custom", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278646.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Commercial",
|
||||
name: "Office Complex",
|
||||
price: "Quote",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-downtown-development-exterior-building_53876-23447.jpg",
|
||||
},
|
||||
id: "p3", brand: "Commercial", name: "Office Complex", price: "Quote", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-downtown-development-exterior-building_53876-23447.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Residential",
|
||||
name: "Backyard Decking",
|
||||
price: "Custom",
|
||||
rating: 4,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317328.jpg",
|
||||
},
|
||||
id: "p4", brand: "Residential", name: "Backyard Decking", price: "Custom", rating: 4,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-construction-site_23-2151317328.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Commercial",
|
||||
name: "Retail Storefront",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6423.jpg",
|
||||
},
|
||||
id: "p5", brand: "Commercial", name: "Retail Storefront", price: "Custom", rating: 5,
|
||||
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-architecture-office-business-building-with-glass-window-shape_74190-6423.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Residential",
|
||||
name: "Custom Masonry Work",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bricklaying-construction-worker-building-brick-wall_1150-14757.jpg",
|
||||
},
|
||||
id: "p6", brand: "Residential", name: "Custom Masonry Work", price: "Custom", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/bricklaying-construction-worker-building-brick-wall_1150-14757.jpg"},
|
||||
]}
|
||||
title="Our Project Showcase"
|
||||
description="Explore our portfolio of successful residential and commercial projects across Michigan."
|
||||
@@ -277,46 +172,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Exceptional work on our kitchen renovation, highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Exceptional work on our kitchen renovation, highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
handle: "@mmiller",
|
||||
testimonial: "Very professional and kept within our budget constraints.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mark Miller", handle: "@mmiller", testimonial: "Very professional and kept within our budget constraints.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alex and Kim",
|
||||
handle: "@akcouple",
|
||||
testimonial: "Building our home was a breeze with this team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-couple-just-moved-house-happy-family-new-apartment-unboxing-clothes-girl-guy-excited-about-finding-beautiful-pink-skirt-wife-husband-bright-room-wearing-casual-clothes_197531-1612.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Alex and Kim", handle: "@akcouple", testimonial: "Building our home was a breeze with this team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-couple-just-moved-house-happy-family-new-apartment-unboxing-clothes-girl-guy-excited-about-finding-beautiful-pink-skirt-wife-husband-bright-room-wearing-casual-clothes_197531-1612.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Brown",
|
||||
handle: "@dbrown",
|
||||
testimonial: "Top tier construction for our retail space. Excellent quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David Brown", handle: "@dbrown", testimonial: "Top tier construction for our retail space. Excellent quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-safety-equipment_23-2148269395.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily White",
|
||||
handle: "@ewhite",
|
||||
testimonial: "Their renovation work is simply the best in the state.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-paper_23-2148943615.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
id: "5", name: "Emily White", handle: "@ewhite", testimonial: "Their renovation work is simply the best in the state.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-paper_23-2148943615.jpg"},
|
||||
],
|
||||
showRating={true}
|
||||
title="Hear From Our Clients"
|
||||
description="Your vision is our mission. Here is what our satisfied clients have to say about our partnership."
|
||||
@@ -328,12 +198,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Michigan Steel Co.",
|
||||
"Great Lakes Hardware",
|
||||
"Detroit Concrete Pros",
|
||||
"Grand Rapids Lumber",
|
||||
"Lansing Electrical Group",
|
||||
]}
|
||||
"Michigan Steel Co.", "Great Lakes Hardware", "Detroit Concrete Pros", "Grand Rapids Lumber", "Lansing Electrical Group"]}
|
||||
title="Trusted Partners & Industry Recognition"
|
||||
description="We are proud to work with the finest suppliers and local vendors across the state."
|
||||
/>
|
||||
@@ -345,20 +210,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a renovation take?",
|
||||
content: "Timelines depend on complexity, but we provide detailed schedules before beginning.",
|
||||
},
|
||||
id: "q1", title: "How long does a renovation take?", content: "Timelines depend on complexity, but we provide detailed schedules before beginning."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer transparent and detailed estimates for all our construction services.",
|
||||
},
|
||||
id: "q2", title: "Do you provide estimates?", content: "Yes, we offer transparent and detailed estimates for all our construction services."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What areas do you serve?",
|
||||
content: "We are proud to serve the entire state of Michigan with expert construction teams.",
|
||||
},
|
||||
id: "q3", title: "What areas do you serve?", content: "We are proud to serve the entire state of Michigan with expert construction teams."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about starting your project with us."
|
||||
@@ -368,10 +224,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Start Your Project"
|
||||
description="Get in touch today to discuss your vision, request an estimate, or inquire about our services."
|
||||
/>
|
||||
@@ -381,54 +237,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About Us", href: "#hero"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Projects", href: "#products"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Residential",
|
||||
href: "#",
|
||||
},
|
||||
label: "Residential", href: "#"},
|
||||
{
|
||||
label: "Commercial",
|
||||
href: "#",
|
||||
},
|
||||
label: "Commercial", href: "#"},
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#",
|
||||
},
|
||||
label: "Consulting", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user