Merge version_1 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -29,63 +29,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="N & Y Construction"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Building Excellence. Crafting Luxury."
|
||||
description="We specialize in high-end residential and commercial construction, delivering precision, elegance, and unmatched quality in every project."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg?_wi=1",
|
||||
imageAlt: "Luxury villa exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg?_wi=1",
|
||||
imageAlt: "Modern interior living space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004681.jpg?_wi=1",
|
||||
imageAlt: "Architectural project showcase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg?_wi=2",
|
||||
imageAlt: "Modern home entrance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg?_wi=2",
|
||||
imageAlt: "Minimalist staircase design",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg", imageAlt: "Luxury villa exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg", imageAlt: "Modern interior living space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004681.jpg", imageAlt: "Architectural project showcase" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg", imageAlt: "Modern home entrance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg", imageAlt: "Minimalist staircase design" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -95,15 +61,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "About N & Y Construction",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-glasses-looking-tablet-with-another-man-background_1153-1141.jpg",
|
||||
alt: "Construction site expertise",
|
||||
},
|
||||
{ type: "text", content: "About N & Y Construction" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-with-glasses-looking-tablet-with-another-man-background_1153-1141.jpg", alt: "Construction site expertise" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,33 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Custom Luxury Homes",
|
||||
tags: [
|
||||
"Residential",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-vinyls-arrangement_23-2149728632.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "High-End Renovations",
|
||||
tags: [
|
||||
"Renovation",
|
||||
"Interior",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-brown-concrete-building_250224-30.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Commercial Construction",
|
||||
tags: [
|
||||
"Commercial",
|
||||
"Large-Scale",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Custom Luxury Homes", tags: ["Residential", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/decorative-vinyls-arrangement_23-2149728632.jpg" },
|
||||
{ id: "s2", title: "High-End Renovations", tags: ["Renovation", "Interior"], imageSrc: "http://img.b2bpic.net/free-photo/white-brown-concrete-building_250224-30.jpg" },
|
||||
{ id: "s3", title: "Commercial Construction", tags: ["Commercial", "Large-Scale"], imageSrc: "http://img.b2bpic.net/free-photo/real-estate-investment-expert-entrepreneur-planning-office-space-relocation_482257-91189.jpg" }
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="From custom luxury homes to complex commercial developments, we bring precision and elegance to every detail."
|
||||
@@ -154,60 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luxury Villa",
|
||||
name: "Modern Estate A",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "High-End Reno",
|
||||
name: "Urban Penthouse",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Commercial Space",
|
||||
name: "Downtown Boutique",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004681.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Custom Home",
|
||||
name: "Coastal Retreat",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Renovation",
|
||||
name: "Heritage Restoration",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Commercial",
|
||||
name: "Corporate Office",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004681.jpg?_wi=3",
|
||||
},
|
||||
{ id: "p1", brand: "Luxury Villa", name: "Modern Estate A", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg" },
|
||||
{ id: "p2", brand: "High-End Reno", name: "Urban Penthouse", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg" },
|
||||
{ id: "p3", brand: "Commercial Space", name: "Downtown Boutique", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004681.jpg" },
|
||||
{ id: "p4", brand: "Custom Home", name: "Coastal Retreat", price: "Custom", rating: 5, reviewCount: "6", imageSrc: "http://img.b2bpic.net/free-photo/modern-building-exterior-night-with-warm-uplighting_84443-74861.jpg" },
|
||||
{ id: "p5", brand: "Renovation", name: "Heritage Restoration", price: "Custom", rating: 5, reviewCount: "4", imageSrc: "http://img.b2bpic.net/free-photo/modern-exterior-urban-view_23-2149091989.jpg" },
|
||||
{ id: "p6", brand: "Commercial", name: "Corporate Office", price: "Custom", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004681.jpg" }
|
||||
]}
|
||||
title="Our Portfolio"
|
||||
description="Explore our collection of stunning residences and commercial spaces, each reflecting the highest standards of architectural design and build quality."
|
||||
@@ -216,63 +103,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Maria G.",
|
||||
role: "Owner",
|
||||
company: "Private Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James R.",
|
||||
role: "Developer",
|
||||
company: "Real Estate Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-rich-stylish-man-dressed-modern-elegant-clothes-holds-cup-coffee-outdoor-restaurant_613910-3978.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carla M.",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Doe",
|
||||
role: "Manager",
|
||||
company: "BusinessCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah P.",
|
||||
role: "Client",
|
||||
company: "Homeowner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Maria G.", role: "Owner", company: "Private Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spectacular-smiling-girl-expressing-positive-emotions-while-posing-home-indoor-portrait-magnificent-longhaired-woman-elegant-holiday-outfit_291650-2396.jpg" },
|
||||
{ id: "t2", name: "James R.", role: "Developer", company: "Real Estate Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-rich-stylish-man-dressed-modern-elegant-clothes-holds-cup-coffee-outdoor-restaurant_613910-3978.jpg" },
|
||||
{ id: "t3", name: "Carla M.", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ id: "t4", name: "John Doe", role: "Manager", company: "BusinessCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg" },
|
||||
{ id: "t5", name: "Sarah P.", role: "Client", company: "Homeowner", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun_23-2149832986.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{ value: "150+", label: "Projects Completed" },
|
||||
{ value: "10+", label: "Years Experience" },
|
||||
{ value: "100%", label: "Client Satisfaction" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Trusted by visionary clients to build their most important projects."
|
||||
@@ -282,30 +126,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to build your dream project? Our consultants are here to guide you through every step, ensuring a transparent and rewarding experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Consultation",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Consultation", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="N & Y Construction"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user