Update src/app/page.tsx
This commit is contained in:
160
src/app/page.tsx
160
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Tradesman Hardware"
|
||||
/>
|
||||
@@ -55,37 +47,23 @@ export default function LandingPage() {
|
||||
description="Professional-grade tools, building materials, and reliable service at competitive prices. Get what you need, delivered straight to your site."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/27870934417",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/27870934417"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428273.jpg"
|
||||
imageAlt="Tradesman Hardware Workshop"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-couple-construction-worker-uniform-cap-looking-each-other-girl-holding-pencil-clipboard-showing-thumb-up-isolated-purple-wall_141793-113913.jpg",
|
||||
alt: "Local Contractor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-young-couple-construction-worker-uniform-cap-looking-each-other-girl-holding-pencil-clipboard-showing-thumb-up-isolated-purple-wall_141793-113913.jpg", alt: "Local Contractor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
|
||||
alt: "Happy Homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg", alt: "Happy Homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
|
||||
alt: "Site Manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg", alt: "Site Manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384796.jpg",
|
||||
alt: "Professional Carpenter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384796.jpg", alt: "Professional Carpenter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg",
|
||||
alt: "Local Renovator",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg", alt: "Local Renovator"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local professionals"
|
||||
/>
|
||||
@@ -98,26 +76,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Paints & Solvents",
|
||||
description: "Professional grade coatings for every surface.",
|
||||
tag: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-painting-brushes-with-paint-cans_23-2148591316.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Paints & Solvents", description: "Professional grade coatings for every surface.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-painting-brushes-with-paint-cans_23-2148591316.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Power & Hand Tools",
|
||||
description: "Reliable equipment built for real work.",
|
||||
tag: "Top Pick",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Power & Hand Tools", description: "Reliable equipment built for real work.", tag: "Top Pick", imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Electrical Materials",
|
||||
description: "Switches, plugs, and industrial wiring components.",
|
||||
tag: "Essentials",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-nozzles-ratchets_23-2148180527.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Electrical Materials", description: "Switches, plugs, and industrial wiring components.", tag: "Essentials", imageSrc: "http://img.b2bpic.net/free-photo/various-nozzles-ratchets_23-2148180527.jpg"},
|
||||
]}
|
||||
title="Explore Our Categories"
|
||||
description="Everything from heavy building materials to professional hand tools."
|
||||
@@ -128,42 +91,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus V.",
|
||||
role: "Contractor",
|
||||
testimonial: "Best prices in the city and delivery is always on time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-couple-construction-worker-uniform-cap-looking-each-other-girl-holding-pencil-clipboard-showing-thumb-up-isolated-purple-wall_141793-113913.jpg",
|
||||
},
|
||||
id: "t1", name: "Marcus V.", role: "Contractor", testimonial: "Best prices in the city and delivery is always on time.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-couple-construction-worker-uniform-cap-looking-each-other-girl-holding-pencil-clipboard-showing-thumb-up-isolated-purple-wall_141793-113913.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
role: "Homeowner",
|
||||
testimonial: "Friendly service and they always have exactly what I need for my renovations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah K.", role: "Homeowner", testimonial: "Friendly service and they always have exactly what I need for my renovations.", imageSrc: "http://img.b2bpic.net/free-photo/performing-housework-gentle-dreamy-atmosphere_23-2151469427.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David M.",
|
||||
role: "Site Manager",
|
||||
testimonial: "The WhatsApp ordering system is a lifesaver for our busy site.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
|
||||
},
|
||||
id: "t3", name: "David M.", role: "Site Manager", testimonial: "The WhatsApp ordering system is a lifesaver for our busy site.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jason L.",
|
||||
role: "Carpenter",
|
||||
testimonial: "Honest pricing and quality tools that last.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384796.jpg",
|
||||
},
|
||||
id: "t4", name: "Jason L.", role: "Carpenter", testimonial: "Honest pricing and quality tools that last.", imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384796.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anita R.",
|
||||
role: "Renovator",
|
||||
testimonial: "Love that they're local and care about their customers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg",
|
||||
},
|
||||
id: "t5", name: "Anita R.", role: "Renovator", testimonial: "Love that they're local and care about their customers.", imageSrc: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25159.jpg"},
|
||||
]}
|
||||
title="Trusted by Cape Town Tradesmen"
|
||||
description="Hear what our local builders and homeowners say."
|
||||
@@ -181,23 +120,11 @@ export default function LandingPage() {
|
||||
tag="New Arrivals"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Drill Set",
|
||||
price: "R 1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Pro Drill Set", price: "R 1,299", imageSrc: "http://img.b2bpic.net/free-photo/creative-man-working-wood-workshop_23-2148970802.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Industrial Paint Spray",
|
||||
price: "R 850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-painting-brushes-with-paint-cans_23-2148591316.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Industrial Paint Spray", price: "R 850", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-painting-brushes-with-paint-cans_23-2148591316.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wire Terminal Kit",
|
||||
price: "R 450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-nozzles-ratchets_23-2148180527.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Wire Terminal Kit", price: "R 450", imageSrc: "http://img.b2bpic.net/free-photo/various-nozzles-ratchets_23-2148180527.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -206,20 +133,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Need a Quote or Advice?"
|
||||
description="Message us on WhatsApp or give us a call at 087 093 4417. We're here to help get your project moving."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Support",
|
||||
href: "https://wa.me/27870934417",
|
||||
},
|
||||
text: "WhatsApp Support", href: "https://wa.me/27870934417"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0870934417",
|
||||
},
|
||||
text: "Call Now", href: "tel:0870934417"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -229,37 +151,23 @@ export default function LandingPage() {
|
||||
logoText="Tradesman Hardware"
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Delivery Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Delivery Info", href: "#"},
|
||||
{
|
||||
label: "Returns Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/27870934417",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/27870934417"},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms & Conditions", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user