Merge version_1 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -18,27 +18,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Company",
|
||||
id: "about",
|
||||
},
|
||||
name: "Company", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Development"
|
||||
/>
|
||||
@@ -47,37 +46,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Architecting the Future of Living"
|
||||
description="We specialize in high-end real estate development, transforming vision into landmark properties that redefine urban spaces."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
text: "View Projects", href: "#projects"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-new-york-downtown-from-view-point-usa_1268-19569.jpg",
|
||||
imageAlt: "modern architecture building exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-new-york-downtown-from-view-point-usa_1268-19569.jpg", imageAlt: "modern architecture building exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-office-buildings-city_23-2148798680.jpg",
|
||||
imageAlt: "urban development residential complex",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-office-buildings-city_23-2148798680.jpg", imageAlt: "urban development residential complex"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-laptop-workspace_23-2147813082.jpg",
|
||||
imageAlt: "real estate development blueprints",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-laptop-workspace_23-2147813082.jpg", imageAlt: "real estate development blueprints"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-beige-suit-standing-power-pose-city-center_1258-194023.jpg",
|
||||
imageAlt: "modern villa exterior landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-beige-suit-standing-power-pose-city-center_1258-194023.jpg", imageAlt: "modern villa exterior landscape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bookshelf-water-dispenser-business-office-empty-desk-with-decorations-watercooler-startup-space-shelves-with-minimal-decor-decorative-plants-refreshment_482257-27791.jpg",
|
||||
imageAlt: "modern interior office space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bookshelf-water-dispenser-business-office-empty-desk-with-decorations-watercooler-startup-space-shelves-with-minimal-decor-decorative-plants-refreshment_482257-27791.jpg", imageAlt: "modern interior office space"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -105,41 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Skyline Heights",
|
||||
price: "Luxury Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg",
|
||||
},
|
||||
id: "p1", name: "Skyline Heights", price: "Luxury Residential", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-contemporary-modern-design-apartment-with-natural-light-fron-bir-window-white-curtain_609648-50.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Apex Tower",
|
||||
price: "Office Complex",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-buildings-city_23-2148836798.jpg",
|
||||
},
|
||||
id: "p2", name: "Apex Tower", price: "Office Complex", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-buildings-city_23-2148836798.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ocean View Villa",
|
||||
price: "Premium Estate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg",
|
||||
},
|
||||
id: "p3", name: "Ocean View Villa", price: "Premium Estate", imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918273.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tech Hub North",
|
||||
price: "Commercial/R&D",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468893.jpg",
|
||||
},
|
||||
id: "p4", name: "Tech Hub North", price: "Commercial/R&D", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-photorealistic-logistics-operations-proceedings_23-2151468893.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "The Atrium Residencies",
|
||||
price: "Luxury Apartments",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apartment-building-city-with-vegetation_23-2148798603.jpg",
|
||||
},
|
||||
id: "p5", name: "The Atrium Residencies", price: "Luxury Apartments", imageSrc: "http://img.b2bpic.net/free-photo/apartment-building-city-with-vegetation_23-2148798603.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Centennial Plaza",
|
||||
price: "Mixed-Use",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-business-buildings-financial-district_1359-1022.jpg",
|
||||
},
|
||||
id: "p6", name: "Centennial Plaza", price: "Mixed-Use", imageSrc: "http://img.b2bpic.net/free-photo/modern-business-buildings-financial-district_1359-1022.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Browse our latest residential and commercial developments."
|
||||
@@ -153,34 +115,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Completed Projects",
|
||||
items: [
|
||||
"Residential",
|
||||
"Commercial",
|
||||
"Industrial",
|
||||
],
|
||||
id: "m1", value: "150+", title: "Completed Projects", items: [
|
||||
"Residential", "Commercial", "Industrial"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2M+",
|
||||
title: "Square Footage",
|
||||
items: [
|
||||
"Mixed-use",
|
||||
"Retail",
|
||||
"Residential",
|
||||
],
|
||||
id: "m2", value: "2M+", title: "Square Footage", items: [
|
||||
"Mixed-use", "Retail", "Residential"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$4B",
|
||||
title: "Assets Managed",
|
||||
items: [
|
||||
"Market value",
|
||||
"Acquisitions",
|
||||
"Equity",
|
||||
],
|
||||
id: "m3", value: "$4B", title: "Assets Managed", items: [
|
||||
"Market value", "Acquisitions", "Equity"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -194,45 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Outstanding Quality",
|
||||
quote: "The attention to detail in our office complex was incredible. Professional, efficient, and truly forward-thinking.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CEO, TechCorp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
id: "1", title: "Outstanding Quality", quote: "The attention to detail in our office complex was incredible. Professional, efficient, and truly forward-thinking.", name: "Sarah Jenkins", role: "CEO, TechCorp", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seamless Development",
|
||||
quote: "From planning to delivery, the team at Apex Development exceeded all our expectations.",
|
||||
name: "Anita Gupta",
|
||||
role: "Investment Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
},
|
||||
id: "2", title: "Seamless Development", quote: "From planning to delivery, the team at Apex Development exceeded all our expectations.", name: "Anita Gupta", role: "Investment Director", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Landmark Property",
|
||||
quote: "Our residence is a masterpiece of design. We couldn't be happier with the end result.",
|
||||
name: "David Thorne",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
|
||||
},
|
||||
id: "3", title: "Landmark Property", quote: "Our residence is a masterpiece of design. We couldn't be happier with the end result.", name: "David Thorne", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sustainable Innovation",
|
||||
quote: "Their commitment to eco-friendly design standards is unparalleled in the industry.",
|
||||
name: "Marcus Reid",
|
||||
role: "Sustainability Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg",
|
||||
},
|
||||
id: "4", title: "Sustainable Innovation", quote: "Their commitment to eco-friendly design standards is unparalleled in the industry.", name: "Marcus Reid", role: "Sustainability Lead", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Reliable Partner",
|
||||
quote: "Transparent processes and excellent communication at every single phase of our large-scale project.",
|
||||
name: "Elena Vance",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
id: "5", title: "Reliable Partner", quote: "Transparent processes and excellent communication at every single phase of our large-scale project.", name: "Elena Vance", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Partnering with us means exceptional outcomes."
|
||||
@@ -243,16 +157,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Project"
|
||||
description="Discuss your development vision with our architectural team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -262,50 +173,31 @@ export default function LandingPage() {
|
||||
logoText="Apex Development"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Portfolio", href: "#projects"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Whitepapers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Whitepapers", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user