Merge version_1 into main #1
234
src/app/page.tsx
234
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
import { Award, Shield, Zap, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Why Aluminum",
|
||||
id: "about",
|
||||
},
|
||||
name: "Why Aluminum", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Nexan"
|
||||
/>
|
||||
@@ -55,77 +47,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Go Outside and Play with Nexan"
|
||||
description="Premium aluminum pergola, decking, and railing solutions. Innovative outdoor living products engineered for a lifetime of maintenance-free enjoyment."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Aluminum Engineering",
|
||||
},
|
||||
value: "100%", label: "Aluminum Engineering"},
|
||||
{
|
||||
value: "Lifetime",
|
||||
label: "Product Durability",
|
||||
},
|
||||
value: "Lifetime", label: "Product Durability"},
|
||||
{
|
||||
value: "25+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "25+", label: "Years Experience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Pergola Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Pergola Products", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-wedding-background-restaurant-tableware_1203-3980.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg",
|
||||
alt: "Homeowner portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg", alt: "Homeowner portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3436.jpg",
|
||||
alt: "Homeowner portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3436.jpg", alt: "Homeowner portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-pizza-table-outside_23-2148305634.jpg",
|
||||
alt: "Homeowner portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-pizza-table-outside_23-2148305634.jpg", alt: "Homeowner portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stones-natural-room-interior-design_23-2151890375.jpg",
|
||||
alt: "Homeowner portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stones-natural-room-interior-design_23-2151890375.jpg", alt: "Homeowner portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6126.jpg",
|
||||
alt: "Homeowner portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6126.jpg", alt: "Homeowner portrait 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Maintenance Free",
|
||||
},
|
||||
type: "text", text: "Maintenance Free"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Waterproof Design",
|
||||
},
|
||||
type: "text", text: "Waterproof Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heavy Duty Aluminum",
|
||||
},
|
||||
type: "text", text: "Heavy Duty Aluminum"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Customizable",
|
||||
},
|
||||
type: "text", text: "Customizable"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
type: "text", text: "Lifetime Warranty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,19 +100,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fast Installation",
|
||||
value: "Quick Set",
|
||||
},
|
||||
label: "Fast Installation", value: "Quick Set"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Waterproof Tech",
|
||||
value: "LockDry",
|
||||
},
|
||||
label: "Waterproof Tech", value: "LockDry"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality",
|
||||
value: "Certified",
|
||||
},
|
||||
label: "Premium Quality", value: "Certified"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,28 +118,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Extrusions",
|
||||
description: "High-strength aluminum without plastic inserts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-background-equipment-industrial-tools-machinery-production-factory-shops-dairy-factory-steel-water-pipeline-chrome-pipes-inside-modern-wine-factory-modern-factory-interior_645730-125.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Precision Extrusions", description: "High-strength aluminum without plastic inserts.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-background-equipment-industrial-tools-machinery-production-factory-shops-dairy-factory-steel-water-pipeline-chrome-pipes-inside-modern-wine-factory-modern-factory-interior_645730-125.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "LockDry Waterproofing",
|
||||
description: "The one-step roof deck system for ultimate protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "LockDry Waterproofing", description: "The one-step roof deck system for ultimate protection.", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Maintenance Free",
|
||||
description: "Designed to stand the test of time with ease.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-wooden-walls-blue-windows-white-lamp-lights_181624-6838.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Maintenance Free", description: "Designed to stand the test of time with ease.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-wooden-walls-blue-windows-white-lamp-lights_181624-6838.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Versatile Design",
|
||||
description: "Customizable systems for any architectural style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Versatile Design", description: "Customizable systems for any architectural style.", imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Engineering Excellence"
|
||||
@@ -198,41 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Coolbreeze Pergolas",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-glass-building_23-2148252786.jpg",
|
||||
},
|
||||
id: "p1", name: "Coolbreeze Pergolas", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-glass-building_23-2148252786.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "LockDry Decking",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg",
|
||||
},
|
||||
id: "p2", name: "LockDry Decking", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Nextdeck Aluminum",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13072.jpg",
|
||||
},
|
||||
id: "p3", name: "Nextdeck Aluminum", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13072.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Picket Railings",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/details-railing-stairs-modern-building-shadow-reflection-windows_158595-6486.jpg",
|
||||
},
|
||||
id: "p4", name: "Picket Railings", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/details-railing-stairs-modern-building-shadow-reflection-windows_158595-6486.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cable Railings",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-old-bridge_1252-1043.jpg",
|
||||
},
|
||||
id: "p5", name: "Cable Railings", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-old-bridge_1252-1043.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Commercial Rails",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-exercising-steps_23-2147786914.jpg",
|
||||
},
|
||||
id: "p6", name: "Commercial Rails", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-exercising-steps_23-2147786914.jpg"},
|
||||
]}
|
||||
title="Outdoor Living Solutions"
|
||||
description="Explore our full range of premium pergolas, decking, and railing architectural systems."
|
||||
@@ -247,45 +168,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-laptop-table_23-2147744891.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-laptop-table_23-2147744891.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Anderson",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-bench-full-plants_23-2147997132.jpg",
|
||||
},
|
||||
id: "t2", name: "James Anderson", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-bench-full-plants_23-2147997132.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Linda Chen",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
id: "t3", name: "Linda Chen", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert Smith",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg",
|
||||
},
|
||||
id: "t4", name: "Robert Smith", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
|
||||
},
|
||||
id: "t5", name: "David W.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Hear from satisfied customers who have upgraded their outdoor space with Nexan."
|
||||
@@ -297,14 +193,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Builder A",
|
||||
"Architect B",
|
||||
"Contractor C",
|
||||
"Distributor D",
|
||||
"Design Firm E",
|
||||
"Supply Co F",
|
||||
"Partner G",
|
||||
]}
|
||||
"Builder A", "Architect B", "Contractor C", "Distributor D", "Design Firm E", "Supply Co F", "Partner G"]}
|
||||
title="Industry Trusted Partners"
|
||||
description="Join thousands of builders and homeowners choosing Nexan quality."
|
||||
/>
|
||||
@@ -314,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Transform Your Patio?"
|
||||
description="Speak with our expert design team today for a custom quote on your project."
|
||||
@@ -331,45 +219,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Decking",
|
||||
href: "#",
|
||||
},
|
||||
label: "Decking", href: "#"},
|
||||
{
|
||||
label: "Railings",
|
||||
href: "#",
|
||||
},
|
||||
label: "Railings", href: "#"},
|
||||
{
|
||||
label: "Pergolas",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pergolas", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user