Update src/app/page.tsx
This commit is contained in:
192
src/app/page.tsx
192
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Buildings",
|
||||
id: "products",
|
||||
},
|
||||
name: "Buildings", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="West Storage"
|
||||
/>
|
||||
@@ -58,31 +49,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Built to Last: Premium Wood & Metal Buildings"
|
||||
description="Customized storage solutions, workshops, and garages designed for durability and style. Transform your property with West Storage Company."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-ceiling-structure-pavilion-gazebo_181624-55037.jpg?_wi=1",
|
||||
imageAlt: "Large metal workshop building",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-ceiling-structure-pavilion-gazebo_181624-55037.jpg", imageAlt: "Large metal workshop building"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498462.jpg?_wi=1",
|
||||
imageAlt: "Custom storage shed",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498462.jpg", imageAlt: "Custom storage shed"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-glass-structure_1127-2042.jpg?_wi=1",
|
||||
imageAlt: "Steel warehouse structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-glass-structure_1127-2042.jpg", imageAlt: "Steel warehouse structure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-old-warehouse-with-old-trains-stored-inside_181624-13915.jpg",
|
||||
imageAlt: "Equipment storage facility",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-old-warehouse-with-old-trains-stored-inside_181624-13915.jpg", imageAlt: "Equipment storage facility"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397573.jpg",
|
||||
imageAlt: "Modern metal structure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397573.jpg", imageAlt: "Modern metal structure"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,9 +73,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Decades of Construction Expertise"
|
||||
description={[
|
||||
"West Storage Company specializes in delivering high-quality, weather-resistant wood and metal structures. Our commitment to excellence ensures every building we deliver is a testament to durability.",
|
||||
"From concept to construction, our dedicated team handles every detail, ensuring your building stands the test of time while fitting seamlessly into your landscape.",
|
||||
]}
|
||||
"West Storage Company specializes in delivering high-quality, weather-resistant wood and metal structures. Our commitment to excellence ensures every building we deliver is a testament to durability.", "From concept to construction, our dedicated team handles every detail, ensuring your building stands the test of time while fitting seamlessly into your landscape."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,41 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Compact Shed",
|
||||
price: "Starting at $2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13531.jpg",
|
||||
},
|
||||
id: "1", name: "Compact Shed", price: "Starting at $2,500", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13531.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Steel Workshop",
|
||||
price: "Starting at $8,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432339.jpg",
|
||||
},
|
||||
id: "2", name: "Steel Workshop", price: "Starting at $8,900", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432339.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Large Warehouse",
|
||||
price: "Starting at $15,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207753.jpg",
|
||||
},
|
||||
id: "3", name: "Large Warehouse", price: "Starting at $15,000", imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207753.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Studio Workshop",
|
||||
price: "Starting at $12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-weathered-wooden-planks_632498-60827.jpg",
|
||||
},
|
||||
id: "4", name: "Studio Workshop", price: "Starting at $12,000", imageSrc: "http://img.b2bpic.net/free-photo/stack-weathered-wooden-planks_632498-60827.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Garden Utility",
|
||||
price: "Starting at $3,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-closet-with-sheets-ceiling_23-2147625763.jpg",
|
||||
},
|
||||
id: "5", name: "Garden Utility", price: "Starting at $3,200", imageSrc: "http://img.b2bpic.net/free-photo/wooden-closet-with-sheets-ceiling_23-2147625763.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Custom Storage Barn",
|
||||
price: "Starting at $7,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-mailbox-wood-background_1232-2981.jpg",
|
||||
},
|
||||
id: "6", name: "Custom Storage Barn", price: "Starting at $7,500", imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-mailbox-wood-background_1232-2981.jpg"},
|
||||
]}
|
||||
title="Our Building Catalog"
|
||||
description="Explore our diverse range of storage solutions, from compact sheds to expansive workshop facilities."
|
||||
@@ -154,33 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Weatherproof Steel",
|
||||
description: "High-gauge galvanized steel resistant to rust and extreme conditions.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1922.jpg",
|
||||
imageAlt: "durable workshop building wide angle",
|
||||
},
|
||||
title: "Weatherproof Steel", description: "High-gauge galvanized steel resistant to rust and extreme conditions.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1922.jpg", imageAlt: "durable workshop building wide angle"},
|
||||
{
|
||||
title: "Precision Framing",
|
||||
description: "Engineered wood frames for superior structural integrity.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-ceiling-structure-pavilion-gazebo_181624-55037.jpg?_wi=2",
|
||||
imageAlt: "durable workshop building wide angle",
|
||||
},
|
||||
title: "Precision Framing", description: "Engineered wood frames for superior structural integrity.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-ceiling-structure-pavilion-gazebo_181624-55037.jpg", imageAlt: "durable workshop building wide angle"},
|
||||
{
|
||||
title: "Fast Deployment",
|
||||
description: "Optimized construction timelines without sacrificing build quality.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498462.jpg?_wi=2",
|
||||
imageAlt: "durable workshop building wide angle",
|
||||
},
|
||||
title: "Fast Deployment", description: "Optimized construction timelines without sacrificing build quality.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498462.jpg", imageAlt: "durable workshop building wide angle"},
|
||||
{
|
||||
title: "Custom Designs",
|
||||
description: "Tailored aesthetics to match your property's specific needs.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-glass-structure_1127-2042.jpg?_wi=2",
|
||||
imageAlt: "durable workshop building wide angle",
|
||||
},
|
||||
title: "Custom Designs", description: "Tailored aesthetics to match your property's specific needs.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-glass-structure_1127-2042.jpg", imageAlt: "durable workshop building wide angle"},
|
||||
]}
|
||||
title="Why Choose West Storage?"
|
||||
description="We don't just build structures; we build peace of mind for your assets."
|
||||
@@ -192,30 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-manager-communicating-with-female-distribution-warehouse-worker-industrial-building_637285-4899.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/mature-manager-communicating-with-female-distribution-warehouse-worker-industrial-building_637285-4899.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-using-digital-tablet-while-talking-car-mechanics-auto-repair-shop_637285-4225.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-manager-using-digital-tablet-while-talking-car-mechanics-auto-repair-shop_637285-4225.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12772.jpg",
|
||||
},
|
||||
id: "3", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12772.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-middle-aged-carpenter-with-wood-plank-tools-standing-his-woodworking-workshop_342744-821.jpg",
|
||||
},
|
||||
id: "4", name: "Alice Brown", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-middle-aged-carpenter-with-wood-plank-tools-standing-his-woodworking-workshop_342744-821.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Taylor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg",
|
||||
},
|
||||
id: "5", name: "Robert Taylor", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-drinking-coffee-construction-side_329181-3771.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardAnimation="slide-up"
|
||||
@@ -229,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a building permit?",
|
||||
content: "Our team assists with permit paperwork guidance based on your local regulations.",
|
||||
},
|
||||
id: "1", title: "Do I need a building permit?", content: "Our team assists with permit paperwork guidance based on your local regulations."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does construction take?",
|
||||
content: "Most projects are completed within 2 to 6 weeks depending on size.",
|
||||
},
|
||||
id: "2", title: "How long does construction take?", content: "Most projects are completed within 2 to 6 weeks depending on size."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you provide warranties?",
|
||||
content: "Yes, all structures include a 10-year structural warranty.",
|
||||
},
|
||||
id: "3", title: "Do you provide warranties?", content: "Yes, all structures include a 10-year structural warranty."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common concerns about our construction process."
|
||||
@@ -257,22 +171,14 @@ export default function LandingPage() {
|
||||
description="Get a free quote by filling out this form today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your building needs",
|
||||
required: true,
|
||||
name: "message", placeholder: "Describe your building needs", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retail-storehouse-employees-checking-clipboard-with-orders-list-storage-room-warehouse-supervisor-explaining-goods-inventory-system-asian-man-package-handler-crutches_482257-71311.jpg"
|
||||
/>
|
||||
@@ -284,29 +190,19 @@ export default function LandingPage() {
|
||||
logoText="West Storage"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Projects", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user