Update src/app/page.tsx
This commit is contained in:
@@ -1,16 +1,30 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { Award, Package, Sparkles, Trophy, TrendingUp, Users, MessageSquare, Linkedin, Twitter, Globe, Mail, Facebook, Instagram } from 'lucide-react';
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
||||
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import {
|
||||
Award,
|
||||
Package,
|
||||
Sparkles,
|
||||
Trophy,
|
||||
TrendingUp,
|
||||
Users,
|
||||
MessageSquare,
|
||||
Linkedin,
|
||||
Twitter,
|
||||
Globe,
|
||||
Mail,
|
||||
Facebook,
|
||||
Instagram,
|
||||
} from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -55,20 +69,15 @@ export default function LandingPage() {
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692169.jpg", imageAlt: "Modern glass entrance door with sleek frame"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692169.jpg", imageAlt: "Modern glass entrance door with sleek frame"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=1", imageAlt: "Contemporary sliding glass door system"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=1", imageAlt: "Contemporary sliding glass door system"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-double-doors-soft-arch-calm-classic-entrance_169016-71090.jpg", imageAlt: "Classic wooden panel door with intricate details"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-double-doors-soft-arch-calm-classic-entrance_169016-71090.jpg", imageAlt: "Classic wooden panel door with intricate details"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/door-with-grey-chevron-pattern-yellow-house-stylish-number-eleven_169016-70816.jpg", imageAlt: "Industrial steel security door with modern finish"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/door-with-grey-chevron-pattern-yellow-house-stylish-number-eleven_169016-70816.jpg", imageAlt: "Industrial steel security door with modern finish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=2", imageAlt: "Elegant bifold door opening to outdoor space"
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg?_wi=2", imageAlt: "Elegant bifold door opening to outdoor space"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,20 +97,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Expert Installation", description: "Our certified technicians ensure perfect installation every time, with attention to every detail for lasting durability and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hummer-tools-stairs-house-construction_181624-28753.jpg", imageAlt: "Professional door installation process"
|
||||
},
|
||||
title: "Expert Installation", description: "Our certified technicians ensure perfect installation every time, with attention to every detail for lasting durability and functionality.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hummer-tools-stairs-house-construction_181624-28753.jpg", imageAlt: "Professional door installation process"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Premium Quality Materials", description: "We source only the finest materials from trusted suppliers, ensuring your doors stand the test of time with exceptional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg", imageAlt: "Premium door materials and finishes"
|
||||
},
|
||||
title: "Premium Quality Materials", description: "We source only the finest materials from trusted suppliers, ensuring your doors stand the test of time with exceptional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspectors-with-face-masks-supervising-wood-processing-production-facility_637285-11873.jpg", imageAlt: "Premium door materials and finishes"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Custom Design Solutions", description: "Transform your space with our bespoke design consultations. We create doors that perfectly match your aesthetic and functional requirements.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-shows-color-swatches-lady-customer-new-kitchen-furniture_93675-134887.jpg", imageAlt: "Custom door design consultation"
|
||||
},
|
||||
title: "Custom Design Solutions", description: "Transform your space with our bespoke design consultations. We create doors that perfectly match your aesthetic and functional requirements.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-shows-color-swatches-lady-customer-new-kitchen-furniture_93675-134887.jpg", imageAlt: "Custom door design consultation"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Lifetime Warranty", description: "Complete peace of mind with our industry-leading warranty coverage, protecting your investment for years to come.", imageSrc: "http://img.b2bpic.net/free-vector/extend-guarantee-assurance-shield-badge-business-marketing_1017-62780.jpg", imageAlt: "Warranty protection and support"
|
||||
},
|
||||
title: "Lifetime Warranty", description: "Complete peace of mind with our industry-leading warranty coverage, protecting your investment for years to come.", imageSrc: "http://img.b2bpic.net/free-vector/extend-guarantee-assurance-shield-badge-business-marketing_1017-62780.jpg", imageAlt: "Warranty protection and support"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,14 +127,11 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Minimalist White Door", price: "$1,299", variant: "Frameless • 2 Finishes", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378907.jpg", imageAlt: "Minimalist white frameless door"
|
||||
},
|
||||
id: "1", name: "Minimalist White Door", price: "$1,299", variant: "Frameless • 2 Finishes", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378907.jpg", imageAlt: "Minimalist white frameless door"},
|
||||
{
|
||||
id: "2", name: "Classic Hardwood Door", price: "$1,599", variant: "Oak • 4 Stains", imageSrc: "http://img.b2bpic.net/free-photo/wooden-gothic-doors-with-carved-arches-old-facade-gothic-wooden-doors_169016-70820.jpg", imageAlt: "Classic hardwood panel door"
|
||||
},
|
||||
id: "2", name: "Classic Hardwood Door", price: "$1,599", variant: "Oak • 4 Stains", imageSrc: "http://img.b2bpic.net/free-photo/wooden-gothic-doors-with-carved-arches-old-facade-gothic-wooden-doors_169016-70820.jpg", imageAlt: "Classic hardwood panel door"},
|
||||
{
|
||||
id: "3", name: "Modern Glass Door", price: "$1,899", variant: "Tempered Glass • 3 Frame Colors", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-standing-doorway-balcony-looking-outside-into-yard_231208-9988.jpg", imageAlt: "Modern frameless glass sliding door"
|
||||
},
|
||||
id: "3", name: "Modern Glass Door", price: "$1,899", variant: "Tempered Glass • 3 Frame Colors", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-standing-doorway-balcony-looking-outside-into-yard_231208-9988.jpg", imageAlt: "Modern frameless glass sliding door"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,8 +146,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Home Depot", "Lowe's", "IKEA", "Restoration Hardware", "Architectural Digest", "Forbes", "Builder Magazine"
|
||||
]}
|
||||
"Home Depot", "Lowe's", "IKEA", "Restoration Hardware", "Architectural Digest", "Forbes", "Builder Magazine"]}
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -164,18 +165,15 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15K+", title: "Doors Installed", items: [
|
||||
"Residential & commercial projects", "95% customer satisfaction rating", "Average 10 year lifespan"
|
||||
]
|
||||
"Residential & commercial projects", "95% customer satisfaction rating", "Average 10 year lifespan"],
|
||||
},
|
||||
{
|
||||
id: "2", value: "25+", title: "Years Experience", items: [
|
||||
"Family-owned business heritage", "Multiple industry awards", "Certified master installers"
|
||||
]
|
||||
"Family-owned business heritage", "Multiple industry awards", "Certified master installers"],
|
||||
},
|
||||
{
|
||||
id: "3", value: "50+", title: "Design Options", items: [
|
||||
"Custom configurations available", "Premium material selection", "Bespoke finishing services"
|
||||
]
|
||||
"Custom configurations available", "Premium material selection", "Bespoke finishing services"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -242,20 +240,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/doorsbiz", ariaLabel: "Follow us on Facebook"
|
||||
},
|
||||
href: "https://facebook.com/doorsbiz", ariaLabel: "Follow us on Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/doorsbiz", ariaLabel: "Follow us on Instagram"
|
||||
},
|
||||
href: "https://instagram.com/doorsbiz", ariaLabel: "Follow us on Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/doorsbiz", ariaLabel: "Connect on LinkedIn"
|
||||
},
|
||||
href: "https://linkedin.com/company/doorsbiz", ariaLabel: "Connect on LinkedIn"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/doorsbiz", ariaLabel: "Follow us on Twitter"
|
||||
},
|
||||
href: "https://twitter.com/doorsbiz", ariaLabel: "Follow us on Twitter"},
|
||||
]}
|
||||
/>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user