Switch to version 1: modified src/app/about/page.tsx
This commit is contained in:
@@ -1,12 +1,11 @@
|
||||
"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 AboutMetric from "@/components/sections/about/AboutMetric";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
import { Building2, TrendingUp, Users, Award } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
@@ -23,6 +22,7 @@ export default function AboutPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="PropSales"
|
||||
@@ -30,97 +30,106 @@ export default function AboutPage() {
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="About PropSales - Leading Real Estate Platform"
|
||||
description="Discover our mission to connect builders, investors, and property seekers through a premium real estate platform built on trust and excellence."
|
||||
tag="Our Story"
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-15.jpg?_wi=3", imageAlt: "Company culture"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/developing-district-new-living-complex_23-2147694673.jpg?_wi=4", imageAlt: "Team collaboration"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg?_wi=2", imageAlt: "Innovation hub"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-shot-high-rise-building-clear-blue-sky-with-white-clouds_181624-2242.jpg?_wi=4", imageAlt: "Success stories"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=5", imageAlt: "Global reach"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Explore Projects", href: "/projects" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Metrics Section */}
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
title="PropSales: 15 Years of Excellence in Real Estate"
|
||||
title="Building Trust Through Excellence in Real Estate"
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{ icon: Building2, label: "Properties Listed", value: "250+" },
|
||||
{ icon: TrendingUp, label: "Projects Completed", value: "45" },
|
||||
{ icon: Users, label: "Happy Clients", value: "1,200+" },
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Properties Listed",
|
||||
value: "250+",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Projects Completed",
|
||||
value: "45",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "1,200+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="our-values" data-section="our-values">
|
||||
{/* Project Categories Section */}
|
||||
<div id="project-categories" data-section="project-categories">
|
||||
<FeatureCardMedia
|
||||
title="Our Core Values"
|
||||
description="Built on principles of trust, innovation, and commitment to excellence in real estate"
|
||||
title="Project Categories"
|
||||
description="Discover projects across multiple real estate segments and property types"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Trust & Transparency", description:
|
||||
"Every transaction is guided by complete transparency and integrity, ensuring all parties have accurate information.", tag: "Foundation", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-spacious-room-with-large-panoramic-window_7502-7289.jpg?_wi=4", imageAlt: "Trust foundation"},
|
||||
id: "1",
|
||||
title: "Residential Complexes",
|
||||
description:
|
||||
"Luxury apartments, villas, and residential communities featuring modern architecture",
|
||||
tag: "Residential",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg?_wi=2",
|
||||
imageAlt: "Luxury residential complex",
|
||||
},
|
||||
{
|
||||
id: "2", title: "Innovation First", description:
|
||||
"We continuously innovate our platform to provide cutting-edge solutions for modern real estate challenges.", tag: "Technology", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/bangkok-thailand-november-11-2024-glimpse-into-bangkok-urban-landscape_482257-123954.jpg?_wi=4", imageAlt: "Innovation technology"},
|
||||
id: "2",
|
||||
title: "Commercial Properties",
|
||||
description:
|
||||
"Office spaces, retail centers, and business parks designed for enterprise growth",
|
||||
tag: "Commercial",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-architect-walking-front-building_23-2147702500.jpg?_wi=4",
|
||||
imageAlt: "Commercial office building",
|
||||
},
|
||||
{
|
||||
id: "3", title: "Client Success", description:
|
||||
"Your success is our mission. We provide comprehensive support at every stage of your real estate journey.", tag: "Excellence", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162820.jpg?_wi=6", imageAlt: "Client success"},
|
||||
id: "3",
|
||||
title: "Mixed-Use Developments",
|
||||
description:
|
||||
"Integrated projects combining residential, retail, and entertainment spaces",
|
||||
tag: "Mixed-Use",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg?_wi=4",
|
||||
imageAlt: "Modern mixed-use development",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/new-york-city-manhattan-skyline_649448-1430.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/get-best-city-view-from-skylines-featuring-buildings-design_1017-58535.jpg?_wi=3"
|
||||
imageAlt="Real estate cityscape"
|
||||
logoText="PropSales"
|
||||
copyrightText="© 2025 PropSales. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Properties", items: [
|
||||
title: "Properties",
|
||||
items: [
|
||||
{ label: "All Projects", href: "/projects" },
|
||||
{ label: "Ongoing", href: "/projects" },
|
||||
{ label: "Completed", href: "/projects" },
|
||||
@@ -128,7 +137,8 @@ export default function AboutPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
@@ -140,4 +150,4 @@ export default function AboutPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user