Switch to version 1: modified src/app/projects/page.tsx
This commit is contained in:
@@ -1,13 +1,49 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ProjectsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Properties",
|
||||
items: [
|
||||
{ label: "All Projects", href: "/projects" },
|
||||
{ label: "Ongoing", href: "/projects" },
|
||||
{ label: "Completed", href: "/projects" },
|
||||
{ label: "List Property", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -24,103 +60,104 @@ export default function ProjectsPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="PropSales"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
]}
|
||||
navItems={navItems}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Our Complete Project Portfolio"
|
||||
description="Explore all of our ongoing and completed real estate projects with detailed information about each development."
|
||||
tag="All Projects"
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-15.jpg?_wi=2", imageAlt: "Project showcase 1"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/developing-district-new-living-complex_23-2147694673.jpg?_wi=2", imageAlt: "Project showcase 2"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162820.jpg?_wi=4", imageAlt: "Project showcase 3"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-shot-high-rise-building-clear-blue-sky-with-white-clouds_181624-2242.jpg?_wi=2", imageAlt: "Project showcase 4"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=3", imageAlt: "Project showcase 5"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Back to Home", href: "/" },
|
||||
{ text: "Contact Sales", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="all-projects" data-section="all-projects">
|
||||
<div id="ongoing-projects" data-section="ongoing-projects">
|
||||
<ProductCardOne
|
||||
title="All Our Projects"
|
||||
description="Browse through our comprehensive collection of residential, commercial, and mixed-use developments"
|
||||
tag="Complete Portfolio"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
title="Ongoing Projects"
|
||||
description="Real-time project updates featuring properties currently under construction"
|
||||
tag="In Development"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Crystal Park Towers", price: "$3.2M - $9.5M", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162820.jpg?_wi=5", imageAlt: "Crystal Park Towers"},
|
||||
id: "1",
|
||||
name: "Metropolitan Plaza Phase II",
|
||||
price: "Pre-Launch: $1.8M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1832.jpg",
|
||||
imageAlt: "Metropolitan Plaza Phase II",
|
||||
},
|
||||
{
|
||||
id: "2", name: "Skyline Tower Residency", price: "$2.5M - $8.5M", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-shot-high-rise-building-clear-blue-sky-with-white-clouds_181624-2242.jpg?_wi=3", imageAlt: "Skyline Tower Residency"},
|
||||
id: "2",
|
||||
name: "Riverside Heights Expansion",
|
||||
price: "Expected Launch: $2.1M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-cranes-against-skyline_1359-416.jpg",
|
||||
imageAlt: "Riverside Heights Expansion",
|
||||
},
|
||||
{
|
||||
id: "3", name: "Metropolitan Plaza Phase II", price: "Pre-Launch: $1.8M", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/developing-district-new-living-complex_23-2147694673.jpg?_wi=3", imageAlt: "Metropolitan Plaza Phase II"},
|
||||
id: "3",
|
||||
name: "Downtown Innovation Hub",
|
||||
price: "Under Construction: $3.5M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-orange-vest-pointing_23-2148269877.jpg",
|
||||
imageAlt: "Downtown Innovation Hub",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="completed-projects" data-section="completed-projects">
|
||||
<ProductCardOne
|
||||
title="Completed Projects"
|
||||
description="Successfully delivered properties showcasing our construction excellence"
|
||||
tag="Delivered"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crystal Park Towers",
|
||||
price: "$3.2M - $9.5M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg?_wi=3",
|
||||
imageAlt: "Crystal Park Towers",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Harmony Heights",
|
||||
price: "$1.1M - $2.8M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-with-bid-dining-room-modern-private-house_181624-17504.jpg?_wi=3",
|
||||
imageAlt: "Harmony Heights",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Business District Central",
|
||||
price: "$4.5M - $12M",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg?_wi=3",
|
||||
imageAlt: "Business District Central",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Looking for your next investment opportunity? Browse our comprehensive collection of properties or connect with our team to learn more about available projects."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Contact Sales", href: "/contact" },
|
||||
{ text: "Back to Home", href: "/" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/get-best-city-view-from-skylines-featuring-buildings-design_1017-58535.jpg?_wi=2"
|
||||
imageAlt="Real estate cityscape"
|
||||
logoText="PropSales"
|
||||
copyrightText="© 2025 PropSales. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Properties", items: [
|
||||
{ label: "All Projects", href: "/projects" },
|
||||
{ label: "Ongoing", href: "/projects" },
|
||||
{ label: "Completed", href: "/projects" },
|
||||
{ label: "List Property", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user