Update src/app/page.tsx
This commit is contained in:
341
src/app/page.tsx
341
src/app/page.tsx
@@ -26,239 +26,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Diamond Plumbing Supply"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Diamond Plumbing Supply"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Florida's Trusted Plumbing Supply Partner"
|
||||
description="Premium plumbing parts, fixtures, and expert support for contractors and homeowners in Coconut Creek. Everything you need for the job done right."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-beauty-salon-blur-background_1385-169.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg",
|
||||
alt: "Contractor portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg",
|
||||
alt: "Contractor portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hospital-lab-station-with-sterile-vials-glass-flasks-metallic-shelves_482257-124186.jpg",
|
||||
alt: "Contractor portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-composition_23-2149106869.jpg",
|
||||
alt: "Contractor portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg",
|
||||
alt: "Contractor portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local contractors"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Florida's Trusted Plumbing Supply Partner"
|
||||
description="Premium plumbing parts, fixtures, and expert support for contractors and homeowners in Coconut Creek. Everything you need for the job done right."
|
||||
buttons={[
|
||||
{ text: "View Inventory", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-beauty-salon-blur-background_1385-169.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg", alt: "Contractor portrait 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg", alt: "Contractor portrait 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hospital-lab-station-with-sterile-vials-glass-flasks-metallic-shelves_482257-124186.jpg", alt: "Contractor portrait 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-composition_23-2149106869.jpg", alt: "Contractor portrait 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg", alt: "Contractor portrait 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local contractors"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Since 2010"
|
||||
title="Serving the Coconut Creek Community with Quality and Expertise."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Since 2010"
|
||||
title="Serving the Coconut Creek Community with Quality and Expertise."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Industrial Valves",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerator-closeup-copper-glow-modern-faucet_169016-69020.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Faucets",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-kitchen-interior_169016-19739.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "PVC Pipes",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062952.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Water Heaters",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pro Hand Tools",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-holding-wrench-white_141793-74713.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bathroom Fixtures",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-interior-with-decorative-elements_169016-3844.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Inventory"
|
||||
description="High-quality products for every plumbing project."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Industrial Valves", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/aerator-closeup-copper-glow-modern-faucet_169016-69020.jpg" },
|
||||
{ id: "2", name: "Premium Faucets", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-kitchen-interior_169016-19739.jpg" },
|
||||
{ id: "3", name: "PVC Pipes", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062952.jpg" },
|
||||
{ id: "4", name: "Water Heaters", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-working-fix-problems_23-2150990693.jpg" },
|
||||
{ id: "5", name: "Pro Hand Tools", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-holding-wrench-white_141793-74713.jpg" },
|
||||
{ id: "6", name: "Bathroom Fixtures", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-interior-with-decorative-elements_169016-3844.jpg" },
|
||||
]}
|
||||
title="Our Inventory"
|
||||
description="High-quality products for every plumbing project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Diamond Plumbing Supply has the best selection in Florida. Always helpful and the prices are fair for the quality you get."
|
||||
rating={5}
|
||||
author="Mark R., Local Contractor"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669844.jpg",
|
||||
alt: "Mark R",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-carpenter-with-spirit-level_1098-15261.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16651.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/distribution-warehouse-worker-with-headset-communication-organizing-goods-delivery_342744-1480.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Diamond Plumbing Supply has the best selection in Florida. Always helpful and the prices are fair for the quality you get."
|
||||
rating={5}
|
||||
author="Mark R., Local Contractor"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669844.jpg", alt: "Mark R" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-carpenter-with-spirit-level_1098-15261.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16651.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/distribution-warehouse-worker-with-headset-communication-organizing-goods-delivery_342744-1480.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer local delivery services to Coconut Creek and surrounding areas.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Our typical hours are Mon-Fri, please call us to check Saturday availability.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you supply parts for old homes?",
|
||||
content: "Yes, we specialize in hard-to-find parts for older Florida properties.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer delivery?", content: "Yes, we offer local delivery services to Coconut Creek and surrounding areas." },
|
||||
{ id: "2", title: "Are you open on weekends?", content: "Our typical hours are Mon-Fri, please call us to check Saturday availability." },
|
||||
{ id: "3", title: "Do you supply parts for old homes?", content: "Yes, we specialize in hard-to-find parts for older Florida properties." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
text="Visit us at 6601 Lyons Rd G 3, Coconut Creek, FL 33073 or call (954) 428-3383."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
text="Visit us at 6601 Lyons Rd G 3, Coconut Creek, FL 33073 or call (954) 428-3383."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384787.jpg"
|
||||
logoText="Diamond Plumbing Supply"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 7 AM - 5 PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat-Sun: Closed",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384787.jpg"
|
||||
logoText="Diamond Plumbing Supply"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours", items: [
|
||||
{ label: "Mon-Fri: 7 AM - 5 PM", href: "#" },
|
||||
{ label: "Sat-Sun: Closed", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user