Update src/app/page.tsx

This commit is contained in:
2026-06-07 18:45:09 +00:00
parent e9b3fe8af7
commit 3e1bb2ce73

View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -34,54 +34,35 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
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: "Impact",
id: "impact",
},
name: "Impact", id: "impact"},
{
name: "Clients",
id: "clients",
},
name: "Clients", id: "clients"},
]}
brandName="Grupo Urbanos"
button={{
text: "Contact Us",
href: "#contact",
}}
text: "Contact Us", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
logoText="GRUPO URBANOS"
description="Building the Future of Urban Living. Innovating spaces, connecting communities."
buttons={[
{
text: "Discover Projects",
href: "#projects",
},
text: "Discover Projects", href: "#projects"},
{
text: "Contact Our Team",
href: "#contact",
},
text: "Contact Our Team", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/construction-crane-modern-residential-complex-near-water-new-housing-by-lake_169016-69026.jpg"
imageAlt="Modern city skyline with new urban developments"
@@ -96,9 +77,7 @@ export default function LandingPage() {
description="Grupo Urbanos is dedicated to creating innovative and sustainable urban environments. With decades of experience, we specialize in comprehensive urban planning, architectural design, and quality construction, transforming visions into vibrant realities. Our commitment to excellence and community well-being drives every project."
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1697.jpg"
imageAlt="Architects discussing urban development plans on a construction site"
@@ -113,34 +92,22 @@ export default function LandingPage() {
features={[
{
icon: Building,
title: "Urban Planning & Design",
description: "Comprehensive strategies for sustainable city development, integrating smart infrastructure and green spaces.",
},
title: "Urban Planning & Design", description: "Comprehensive strategies for sustainable city development, integrating smart infrastructure and green spaces."},
{
icon: Building,
title: "Construction & Development",
description: "Expert execution of residential, commercial, and mixed-use projects with uncompromising quality.",
},
title: "Construction & Development", description: "Expert execution of residential, commercial, and mixed-use projects with uncompromising quality."},
{
icon: RefreshCw,
title: "Property Management",
description: "Optimizing asset value and ensuring seamless operations for all our developed properties.",
},
title: "Property Management", description: "Optimizing asset value and ensuring seamless operations for all our developed properties."},
{
icon: Lightbulb,
title: "Innovation & Technology",
description: "Leveraging cutting-edge technology for efficient project management and smart city solutions.",
},
title: "Innovation & Technology", description: "Leveraging cutting-edge technology for efficient project management and smart city solutions."},
{
icon: Palette,
title: "Architectural Excellence",
description: "Designing iconic structures that blend aesthetics, functionality, and environmental harmony.",
},
title: "Architectural Excellence", description: "Designing iconic structures that blend aesthetics, functionality, and environmental harmony."},
{
icon: Users,
title: "Community Engagement",
description: "Fostering inclusive communities through thoughtful design and public space activation.",
},
title: "Community Engagement", description: "Fostering inclusive communities through thoughtful design and public space activation."},
]}
title="Our Expertise, Your Advantage"
description="We offer a full spectrum of services tailored to meet the dynamic needs of urban growth and development."
@@ -155,53 +122,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Harmony Residences",
price: "Residential",
variant: "Completed 2023",
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004753.jpg",
imageAlt: "Harmony Residences luxury apartment complex",
},
id: "p1", name: "Harmony Residences", price: "Residential", variant: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004753.jpg", imageAlt: "Harmony Residences luxury apartment complex"},
{
id: "p2",
name: "Nexus Business Hub",
price: "Commercial",
variant: "Ongoing",
imageSrc: "http://img.b2bpic.net/free-photo/modern-corporate-blue-city-background_1127-2770.jpg",
imageAlt: "Nexus Business Hub office building",
},
id: "p2", name: "Nexus Business Hub", price: "Commercial", variant: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/modern-corporate-blue-city-background_1127-2770.jpg", imageAlt: "Nexus Business Hub office building"},
{
id: "p3",
name: "Vibrant City Center",
price: "Mixed-Use",
variant: "Completed 2022",
imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-suit-standing-with-confidence-beige-suit-with-working-documents-outdoors_1258-194029.jpg",
imageAlt: "Vibrant City Center mixed-use development",
},
id: "p3", name: "Vibrant City Center", price: "Mixed-Use", variant: "Completed 2022", imageSrc: "http://img.b2bpic.net/free-photo/corporate-woman-suit-standing-with-confidence-beige-suit-with-working-documents-outdoors_1258-194029.jpg", imageAlt: "Vibrant City Center mixed-use development"},
{
id: "p4",
name: "Green Oasis Park",
price: "Public Space",
variant: "Completed 2021",
imageSrc: "http://img.b2bpic.net/free-photo/tokyo-japan-cityscape_1232-2321.jpg",
imageAlt: "Green Oasis Park urban green space",
},
id: "p4", name: "Green Oasis Park", price: "Public Space", variant: "Completed 2021", imageSrc: "http://img.b2bpic.net/free-photo/tokyo-japan-cityscape_1232-2321.jpg", imageAlt: "Green Oasis Park urban green space"},
{
id: "p5",
name: "Innovation Industrial",
price: "Industrial",
variant: "Ongoing",
imageSrc: "http://img.b2bpic.net/free-photo/logistic-center-with-storage-units_23-2148943356.jpg",
imageAlt: "Innovation Industrial Park exterior",
},
id: "p5", name: "Innovation Industrial", price: "Industrial", variant: "Ongoing", imageSrc: "http://img.b2bpic.net/free-photo/logistic-center-with-storage-units_23-2148943356.jpg", imageAlt: "Innovation Industrial Park exterior"},
{
id: "p6",
name: "Skyline Lofts",
price: "Residential",
variant: "Planned 2024",
imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-gray-tone_53876-132806.jpg",
imageAlt: "Skyline Lofts modern apartment interior",
},
id: "p6", name: "Skyline Lofts", price: "Residential", variant: "Planned 2024", imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-gray-tone_53876-132806.jpg", imageAlt: "Skyline Lofts modern apartment interior"},
]}
title="Our Signature Urban Projects"
description="Explore a selection of our transformative projects that redefine urban living and commercial spaces."
@@ -215,40 +146,20 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "20+",
title: "Years of Experience",
items: [
"Two decades of industry leadership",
"Proven track record of success",
],
id: "m1", value: "20+", title: "Years of Experience", items: [
"Two decades of industry leadership", "Proven track record of success"],
},
{
id: "m2",
value: "500K+",
title: "Sq. Meters Developed",
items: [
"Vast portfolio of impactful projects",
"Delivering significant urban growth",
],
id: "m2", value: "500K+", title: "Sq. Meters Developed", items: [
"Vast portfolio of impactful projects", "Delivering significant urban growth"],
},
{
id: "m3",
value: "150+",
title: "Successful Projects",
items: [
"Diverse range of completed developments",
"Exceeding client expectations consistently",
],
id: "m3", value: "150+", title: "Successful Projects", items: [
"Diverse range of completed developments", "Exceeding client expectations consistently"],
},
{
id: "m4",
value: "95%",
title: "Client Satisfaction",
items: [
"Strong client relationships built on trust",
"Dedicated to achieving client visions",
],
id: "m4", value: "95%", title: "Client Satisfaction", items: [
"Strong client relationships built on trust", "Dedicated to achieving client visions"],
},
]}
title="Our Impact, Measured in Success"
@@ -263,53 +174,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Ricardo Silva",
handle: "@ricardos_ventures",
testimonial: "Grupo Urbanos transformed our district with their visionary planning. The attention to detail and commitment to quality is unparalleled.",
imageSrc: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg",
imageAlt: "Ricardo Silva",
},
id: "t1", name: "Ricardo Silva", handle: "@ricardos_ventures", testimonial: "Grupo Urbanos transformed our district with their visionary planning. The attention to detail and commitment to quality is unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg", imageAlt: "Ricardo Silva"},
{
id: "t2",
name: "Elena Ramirez",
handle: "@elenaramirez_dev",
testimonial: "Working with Grupo Urbanos was a seamless experience. Their expertise in sustainable development truly sets them apart.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg",
imageAlt: "Elena Ramirez",
},
id: "t2", name: "Elena Ramirez", handle: "@elenaramirez_dev", testimonial: "Working with Grupo Urbanos was a seamless experience. Their expertise in sustainable development truly sets them apart.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up_74855-15159.jpg", imageAlt: "Elena Ramirez"},
{
id: "t3",
name: "Carlos Mendoza",
handle: "@mendoza_holdings",
testimonial: "The commercial complex they built for us exceeded all expectations. It's a landmark of modern architecture.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg",
imageAlt: "Carlos Mendoza",
},
id: "t3", name: "Carlos Mendoza", handle: "@mendoza_holdings", testimonial: "The commercial complex they built for us exceeded all expectations. It's a landmark of modern architecture.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man-earphones-using-laptop-outdoor-cafe-smiling-cheerfully_176420-25725.jpg", imageAlt: "Carlos Mendoza"},
{
id: "t4",
name: "Sofia Herrera",
handle: "@sofia_h_arch",
testimonial: "As an architect, I appreciate their dedication to innovative design and meticulous construction. A true partner.",
imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",
imageAlt: "Sofia Herrera",
},
id: "t4", name: "Sofia Herrera", handle: "@sofia_h_arch", testimonial: "As an architect, I appreciate their dedication to innovative design and meticulous construction. A true partner.", imageSrc: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", imageAlt: "Sofia Herrera"},
{
id: "t5",
name: "Miguel Torres",
handle: "@torres_builders",
testimonial: "Grupo Urbanos consistently delivers projects on time and within budget, with exceptional results. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-african-man-living-room_329181-20122.jpg",
imageAlt: "Miguel Torres",
},
id: "t5", name: "Miguel Torres", handle: "@torres_builders", testimonial: "Grupo Urbanos consistently delivers projects on time and within budget, with exceptional results. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-african-man-living-room_329181-20122.jpg", imageAlt: "Miguel Torres"},
{
id: "t6",
name: "Ana G mez",
handle: "@anag_properties",
testimonial: "Their residential developments are not just buildings, but thriving communities. We are proud residents of their latest project.",
imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg",
imageAlt: "Ana Gómez",
},
id: "t6", name: "Ana G mez", handle: "@anag_properties", testimonial: "Their residential developments are not just buildings, but thriving communities. We are proud residents of their latest project.", imageSrc: "http://img.b2bpic.net/free-photo/male-business-executive-using-mobile-phone_1170-840.jpg", imageAlt: "Ana Gómez"},
]}
title="What Our Clients Say"
description="Hear directly from those who have experienced the Grupo Urbanos difference."
@@ -321,17 +196,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"CityPlanners Inc.",
"GreenBuild Solutions",
"MegaCorp Holdings",
"Local Municipality",
"Property Developers Co.",
"Architectural Vision",
"Sustainable Living",
"Global Investments",
"Urban Innovators",
"Future Foundations",
]}
"CityPlanners Inc.", "GreenBuild Solutions", "MegaCorp Holdings", "Local Municipality", "Property Developers Co.", "Architectural Vision", "Sustainable Living", "Global Investments", "Urban Innovators", "Future Foundations"]}
title="Trusted by Industry Leaders"
description="Our collaborations speak volumes about our commitment to excellence and reliability in urban development."
/>
@@ -343,30 +208,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What types of projects does Grupo Urbanos specialize in?",
content: "Grupo Urbanos specializes in a broad range of urban development projects including residential complexes, commercial buildings, mixed-use developments, and public spaces, focusing on sustainable and innovative designs.",
},
id: "faq1", title: "What types of projects does Grupo Urbanos specialize in?", content: "Grupo Urbanos specializes in a broad range of urban development projects including residential complexes, commercial buildings, mixed-use developments, and public spaces, focusing on sustainable and innovative designs."},
{
id: "faq2",
title: "How does Grupo Urbanos ensure sustainability in its projects?",
content: "Sustainability is at the core of our operations. We integrate eco-friendly materials, energy-efficient designs, green infrastructure, and smart technology to minimize environmental impact and promote long-term ecological balance.",
},
id: "faq2", title: "How does Grupo Urbanos ensure sustainability in its projects?", content: "Sustainability is at the core of our operations. We integrate eco-friendly materials, energy-efficient designs, green infrastructure, and smart technology to minimize environmental impact and promote long-term ecological balance."},
{
id: "faq3",
title: "Can I invest in Grupo Urbanos projects?",
content: "We welcome investment inquiries for our upcoming and ongoing projects. Please contact our business development team through the provided contact form for detailed information on investment opportunities.",
},
id: "faq3", title: "Can I invest in Grupo Urbanos projects?", content: "We welcome investment inquiries for our upcoming and ongoing projects. Please contact our business development team through the provided contact form for detailed information on investment opportunities."},
{
id: "faq4",
title: "What is the process for initiating a new development project with Grupo Urbanos?",
content: "The process typically begins with an initial consultation to understand your vision and requirements. Following this, we move to feasibility studies, design conceptualization, detailed planning, and finally, execution. We maintain transparent communication at every stage.",
},
id: "faq4", title: "What is the process for initiating a new development project with Grupo Urbanos?", content: "The process typically begins with an initial consultation to understand your vision and requirements. Following this, we move to feasibility studies, design conceptualization, detailed planning, and finally, execution. We maintain transparent communication at every stage."},
{
id: "faq5",
title: "Where are Grupo Urbanos projects primarily located?",
content: "While our expertise is adaptable, our primary focus has been on urban centers and expanding metropolitan areas where there is a high demand for modern, sustainable, and community-focused developments.",
},
id: "faq5", title: "Where are Grupo Urbanos projects primarily located?", content: "While our expertise is adaptable, our primary focus has been on urban centers and expanding metropolitan areas where there is a high demand for modern, sustainable, and community-focused developments."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about Grupo Urbanos and our urban development services."
@@ -378,38 +228,39 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Ready to Shape the Future with Us?"
description="Whether you have a project in mind, an investment opportunity, or simply want to learn more, our team is eager to connect. Reach out today and let's build tomorrow's cities together."
buttons={[
{
text: "Send an Inquiry",
href: "#",
},
text: "Send an Inquiry", href: "#"},
{
text: "Call Us Now",
href: "tel:+1234567890",
},
text: "Call Us Now", href: "tel:+1234567890"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterLogoEmphasis
logoText="GRUPO URBANOS"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
columns={[
{
items: [
{
label: "Privacy Policy", href: "#"},
],
},
{
items: [
{
label: "Terms of Service", href: "#"},
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}