Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Award, Building, Building2, CheckCircle, Clock, Home, Square, Tool, TrendingUp, Users } from "lucide-react";
|
||||
import { Award, Building, Building2, CheckCircle, Clock, Home, Square, TrendingUp, Users, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Projects", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Ridgetop Construction"
|
||||
/>
|
||||
@@ -55,47 +43,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Building Your Vision From The Ground Up"
|
||||
description="Ridgetop Construction provides premium residential and commercial construction services, committed to quality, structural integrity, and exceptional client satisfaction."
|
||||
tag="Construction Excellence"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg?_wi=1",
|
||||
imageAlt: "Construction Foreman",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35514.jpg?_wi=1",
|
||||
imageAlt: "Construction Site",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg",
|
||||
imageAlt: "Construction site with tower crane and apartments urban modern architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg",
|
||||
imageAlt: "House construction in Petrovac, Montenegro",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-building-construction_23-2152006103.jpg",
|
||||
imageAlt: "Interior of a building under construction",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg", imageAlt: "Construction Foreman" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35514.jpg", imageAlt: "Construction Site" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5/5 by our partners"
|
||||
tagIcon={Building2}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Get a Consultation", href: "#contact" },
|
||||
{ text: "View Our Projects", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,21 +67,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Legacy of Quality"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "450+",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "25+" },
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "500+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "450+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -131,30 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Construction",
|
||||
description: "Custom homes designed and built to reflect your personality and style.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-residential-complex-waterfront-with-reflection-modern-building-construction_169016-69211.jpg",
|
||||
imageAlt: "Spacious residential complex on the waterfront with reflection modern building under construction",
|
||||
},
|
||||
{
|
||||
title: "Commercial Development",
|
||||
description: "Strategic solutions for businesses, from retail stores to office complexes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7566.jpg?_wi=2",
|
||||
imageAlt: "Spacious residential complex on the waterfront with reflection modern building under construction",
|
||||
},
|
||||
{
|
||||
title: "Precision Renovation",
|
||||
description: "Revitalize your existing space with high-quality upgrades and renovations.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Tool,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35514.jpg?_wi=2",
|
||||
imageAlt: "Spacious residential complex on the waterfront with reflection modern building under construction",
|
||||
},
|
||||
{ title: "Residential Construction", description: "Custom homes designed and built to reflect your personality and style.", bentoComponent: "reveal-icon", icon: Home },
|
||||
{ title: "Commercial Development", description: "Strategic solutions for businesses, from retail stores to office complexes.", bentoComponent: "reveal-icon", icon: Building },
|
||||
{ title: "Precision Renovation", description: "Revitalize your existing space with high-quality upgrades and renovations.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
]}
|
||||
title="Comprehensive Construction Solutions"
|
||||
description="We bring expertise and precision to every phase of your project, ensuring lasting results and high-end finishes."
|
||||
@@ -167,24 +96,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Square,
|
||||
title: "Square Footage Built",
|
||||
value: "1M+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: TrendingUp,
|
||||
title: "Sustainability Rating",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Clock,
|
||||
title: "On-Time Completion",
|
||||
value: "95%",
|
||||
},
|
||||
{ id: "1", icon: Square, title: "Square Footage Built", value: "1M+" },
|
||||
{ id: "2", icon: TrendingUp, title: "Sustainability Rating", value: "98%" },
|
||||
{ id: "3", icon: Clock, title: "On-Time Completion", value: "95%" },
|
||||
]}
|
||||
title="Project Impact"
|
||||
description="Real-world results backed by data and experience."
|
||||
@@ -193,46 +107,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grand View Residential",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439367.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Riverside Commercial",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Renovation",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-table-working-together_23-2147668789.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "City Plaza Urban",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-living-city-lifestyle-society-graphic_53876-121026.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "High-Rise Development",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-concrete-structure-city-with-trees_23-2148798662.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sustainable Eco Home",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-eco-friendly-wind-power-project-with-paper-plans_23-2148847792.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Grand View Residential", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/view-city-with-apartment-buildings-green-vegetation_23-2150439367.jpg" },
|
||||
{ id: "p2", name: "Riverside Commercial", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283288.jpg" },
|
||||
{ id: "p3", name: "Classic Renovation", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/people-table-working-together_23-2147668789.jpg" },
|
||||
]}
|
||||
title="Our Recent Projects"
|
||||
description="Take a look at some of the recent developments and projects we have completed across the region."
|
||||
@@ -245,41 +127,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivers",
|
||||
role: "Homeowner",
|
||||
testimonial: "The Ridgetop team delivered on time and within budget. Their attention to detail is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jamie Lee",
|
||||
role: "Developer",
|
||||
testimonial: "Working with Ridgetop made our commercial project seamless. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-financial-advisor-talking-couple-while-having-meeting-their-home_637285-3928.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris Morgan",
|
||||
role: "Homeowner",
|
||||
testimonial: "The renovation project exceeded our expectations. The quality is clearly evident.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-with-building-project-coffee_23-2148269327.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam Taylor",
|
||||
role: "Partner",
|
||||
testimonial: "Professional, transparent, and incredibly skilled. A true pleasure to partner with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leaders-consulting-expert_74855-2095.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan Smith",
|
||||
role: "Homeowner",
|
||||
testimonial: "From design to completion, they were transparent and proactive. Amazing results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086833.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex Rivers", role: "Homeowner", testimonial: "The Ridgetop team delivered on time and within budget. Their attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" },
|
||||
{ id: "t2", name: "Jamie Lee", role: "Developer", testimonial: "Working with Ridgetop made our commercial project seamless. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-financial-advisor-talking-couple-while-having-meeting-their-home_637285-3928.jpg" },
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Don't just take our word for it—read what our partners and clients have to say."
|
||||
@@ -291,21 +140,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I get an estimate?",
|
||||
content: "Reach out through our contact form and we will schedule a consultation to assess your needs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide design services?",
|
||||
content: "Yes, we work with architects and provide internal design assistance to bring your vision to life.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long will my project take?",
|
||||
content: "Timelines depend on the project scale, but we prioritize efficient workflows and transparent communication throughout.",
|
||||
},
|
||||
{ id: "q1", title: "How do I get an estimate?", content: "Reach out through our contact form and we will schedule a consultation to assess your needs." },
|
||||
{ id: "q2", title: "Do you provide design services?", content: "Yes, we work with architects and provide internal design assistance to bring your vision to life." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your most common questions about our construction process."
|
||||
@@ -316,56 +152,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Start Your Project"
|
||||
title="Ready to Build?"
|
||||
description="Let's discuss your vision and get started on your construction project today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Projects", href: "#products" }, { label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Ridgetop Construction"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user