Merge version_3 into main #3
161
src/app/page.tsx
161
src/app/page.tsx
@@ -3,14 +3,14 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Shield, Zap, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Why Aluminum", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Why Aluminum", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nexan"
|
||||
/>
|
||||
@@ -46,50 +42,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-static"}}
|
||||
background={{ 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: "Lifetime", label: "Product Durability"},
|
||||
{
|
||||
value: "25+", label: "Years Experience"},
|
||||
{ value: "100%", label: "Aluminum Engineering" },
|
||||
{ value: "Lifetime", label: "Product Durability" },
|
||||
{ value: "25+", label: "Years Experience" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Pergola Products", href: "#products"},
|
||||
]}
|
||||
buttons={[{ 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/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/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"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Maintenance Free"},
|
||||
{
|
||||
type: "text", text: "Waterproof Design"},
|
||||
{
|
||||
type: "text", text: "Heavy Duty Aluminum"},
|
||||
{
|
||||
type: "text", text: "Customizable"},
|
||||
{
|
||||
type: "text", text: "Lifetime Warranty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -98,15 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Nexan Advantage"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fast Installation", value: "Quick Set"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Waterproof Tech", value: "LockDry"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality", value: "Certified"},
|
||||
{ icon: Zap, label: "Fast Installation", value: "Quick Set" },
|
||||
{ icon: Shield, label: "Waterproof Tech", value: "LockDry" },
|
||||
{ icon: Award, label: "Premium Quality", value: "Certified" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -117,18 +76,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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: "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="Engineering Excellence"
|
||||
description="Our products are built to last a lifetime with heavy duty, extruded aluminum profiles that require no inserts for strength."
|
||||
@@ -142,18 +93,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "p6", name: "Commercial Rails", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-exercising-steps_23-2147786914.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: "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" },
|
||||
]}
|
||||
title="Outdoor Living Solutions"
|
||||
description="Explore our full range of premium pergolas, decking, and railing architectural systems."
|
||||
@@ -161,30 +104,18 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardThirteen
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
title="What Homeowners Say"
|
||||
description="Hear from satisfied customers who have upgraded their outdoor space with Nexan."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarah", testimonial: "The best investment we made for our backyard.", rating: 5 },
|
||||
{ id: "t2", name: "James Anderson", handle: "@janderson", testimonial: "Absolutely maintenance-free and looks brand new.", rating: 5 },
|
||||
{ id: "t3", name: "Linda Chen", handle: "@lchen", testimonial: "Professional installation and stunning result.", rating: 5 },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -192,45 +123,35 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Builder A", "Architect B", "Contractor C", "Distributor D", "Design Firm E", "Supply Co F", "Partner G"]}
|
||||
names={["Builder A", "Architect B", "Contractor C", "Distributor D", "Design Firm E"]}
|
||||
title="Industry Trusted Partners"
|
||||
description="Join thousands of builders and homeowners choosing Nexan quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Contact Us"
|
||||
<ContactSplitForm
|
||||
title="Connect with Nexan"
|
||||
description="Our dedicated team is here to assist with design planning, quotes, and product support. Reach out to get started."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-pizza-table-outside_23-2148305634.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterMedia
|
||||
logoText="Nexan Building Products"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6126.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "Decking", href: "#products" },
|
||||
{ label: "Railings", href: "#products" },
|
||||
{ label: "Pergolas", href: "#products" },
|
||||
],
|
||||
title: "Products", items: [{ label: "Decking", href: "#products" }, { label: "Railings", href: "#products" }, { label: "Pergolas", href: "#products" }],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }],
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user