Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5935ff3ae3 |
279
src/app/page.tsx
279
src/app/page.tsx
@@ -25,219 +25,82 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Supplies",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dean's Electrical Plumbing & Hardware"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Featured", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dean's Electrical Plumbing & Hardware Supplies"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Dean's Electrical Plumbing & Hardware Supplies"
|
||||
description="Providing quality electrical, plumbing, and hardware solutions for Arouca and D'abadie. Serving our community with expertise and a wide range of supplies."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5qAXFLSTBgNTo449uL5WDbOmO/uploaded-1779478719346-e05gkf4l.png"
|
||||
imageAlt="Dean's Electrical Plumbing & Hardware Logo"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Dean's Electrical Plumbing & Hardware Supplies"
|
||||
description="Providing quality electrical, plumbing, and hardware solutions for Arouca and D'abadie. Serving our community with expertise and a wide range of supplies."
|
||||
buttons={[{ text: "View Featured", href: "#features" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E5qAXFLSTBgNTo449uL5WDbOmO/uploaded-1779479039367-wlmdvv5x.jpg"
|
||||
imageAlt="Dean's Electrical Plumbing & Hardware Logo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium PVC Pipes",
|
||||
price: "In Store",
|
||||
variant: "Plumbing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Heavy Duty Drills",
|
||||
price: "In Store",
|
||||
variant: "Tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-workshop_23-2148836011.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Electrical Breakers",
|
||||
price: "In Store",
|
||||
variant: "Electrical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mechanic-supplies-composition_23-2149511911.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pipe Connectors",
|
||||
price: "In Store",
|
||||
variant: "Plumbing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-technician-services-switchboard-with-tablet-tools-electrical-maintenance_169016-71252.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Industrial Bolts",
|
||||
price: "In Store",
|
||||
variant: "Hardware",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-phone_23-2148966882.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Wire Strippers",
|
||||
price: "In Store",
|
||||
variant: "Tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Supplies"
|
||||
description="Everything you need for your electrical, plumbing, and hardware projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Items"
|
||||
description="Top quality supplies for all your DIY and professional projects."
|
||||
products={[
|
||||
{ id: "1", name: "Heavy Duty Drill", price: "$150", variant: "Tools", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-workshop_23-2148836011.jpg" },
|
||||
{ id: "2", name: "PVC Pipe Connector", price: "$5", variant: "Plumbing", imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg" },
|
||||
{ id: "3", name: "Electrical Circuit Breaker", price: "$25", variant: "Electrical", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-mechanic-supplies-composition_23-2149511911.jpg" },
|
||||
{ id: "4", name: "Steel Bolt Pack", price: "$10", variant: "Hardware", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-phone_23-2148966882.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
role: "Contractor",
|
||||
company: "Local Builder",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mary S.",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-blueprint_23-2148269815.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
role: "Plumber",
|
||||
company: "Local Expert",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156158.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice T.",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-builder-uniform-holding-black-bank-card-yellow-background_140725-112413.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin G.",
|
||||
role: "Electrician",
|
||||
company: "Local Expert",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772854.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="What our local community says about Dean's Hardware."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Client Reviews"
|
||||
description="Hear what our loyal customers have to say about their experience with us."
|
||||
testimonials={[
|
||||
{ id: "1", name: "John D.", role: "Contractor", company: "Building Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg" },
|
||||
{ id: "2", name: "Mary S.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-blueprint_23-2148269815.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Serving You for Over 20 Years"
|
||||
description="At Dean's Hardware, we pride ourselves on being more than just a store. We are a partner in your construction, renovation, and DIY journey across Trinidad."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Products Stocked",
|
||||
},
|
||||
{
|
||||
value: "2",
|
||||
title: "Convenient Locations",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Customer Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-happy-senior-manager-greeting-his-employees-factory-warehouse-me-are-shaking-hands_637285-4192.jpg"
|
||||
imageAlt="Team welcoming customers"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Contact & Location"
|
||||
description="Find us in Arouca or D'abadie. We are ready to help with your hardware needs."
|
||||
buttons={[
|
||||
{ text: "Arouca: 701-1945", href: "tel:+18687011945" },
|
||||
{ text: "D'abadie: 231-9433", href: "tel:+18682319433" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Our Locations"
|
||||
title="Contact & Location"
|
||||
description="We are open Monday to Sunday to serve you at two convenient locations.\n\n📍 Corner St Clair Road, Arouca: +1 (868) 701-1945 / 241-5413\n📍 #78 Eastern Main Road, D'abadie: +1 (868) 231-9433"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Arouca",
|
||||
href: "tel:+18687011945",
|
||||
},
|
||||
{
|
||||
text: "Call D'abadie",
|
||||
href: "tel:+18682319433",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Dean's Hardware"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Dean's Electrical Plumbing & Hardware Supplies"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user