Merge version_1 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/#products",
|
||||
},
|
||||
name: "Products", id: "/#products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Mġarr Hardware"
|
||||
/>
|
||||
@@ -52,67 +44,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Get the right tools. Get the job done."
|
||||
description="Friendly advice, quality supplies, and fair prices. Trusted by the Mġarr community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Visit Us Today", href: "/contact"},
|
||||
{
|
||||
text: "Call for Advice",
|
||||
href: "tel:+35612345678",
|
||||
},
|
||||
text: "Call for Advice", href: "tel:+35612345678"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg"
|
||||
imageAlt="Helpful hardware store atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
|
||||
alt: "Local carpenter",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", alt: "Local carpenter"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
|
||||
alt: "Hardware store manager",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", alt: "Hardware store manager"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
|
||||
alt: "DIY enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", alt: "DIY enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
|
||||
alt: "Community helper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", alt: "Community helper"},
|
||||
]}
|
||||
avatarText="Trusted by over 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Tools",
|
||||
},
|
||||
type: "text", text: "Quality Tools"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Advice",
|
||||
},
|
||||
type: "text", text: "Expert Advice"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Prices",
|
||||
},
|
||||
type: "text", text: "Competitive Prices"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Support",
|
||||
},
|
||||
type: "text", text: "Local Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quick Delivery",
|
||||
},
|
||||
type: "text", text: "Quick Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,29 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Service",
|
||||
title: "Real Help",
|
||||
subtitle: "Expert Advice",
|
||||
description: "You don't get ignored. You get advice that actually solves your problem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=2",
|
||||
imageAlt: "close up hands working on home repair",
|
||||
},
|
||||
tag: "Service", title: "Real Help", subtitle: "Expert Advice", description: "You don't get ignored. You get advice that actually solves your problem.", imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", imageAlt: "close up hands working on home repair"},
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Quality Supplies",
|
||||
subtitle: "Reliable Stock",
|
||||
description: "We stock reliable tools and materials that last.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=1",
|
||||
imageAlt: "hand tools assortment metal rustic",
|
||||
},
|
||||
tag: "Quality", title: "Quality Supplies", subtitle: "Reliable Stock", description: "We stock reliable tools and materials that last.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg", imageAlt: "hand tools assortment metal rustic"},
|
||||
{
|
||||
tag: "Price",
|
||||
title: "Fair Prices",
|
||||
subtitle: "Good Value",
|
||||
description: "Good value without cutting corners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg?_wi=1",
|
||||
imageAlt: "local family hardware store interior",
|
||||
},
|
||||
tag: "Price", title: "Fair Prices", subtitle: "Good Value", description: "Good value without cutting corners.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg", imageAlt: "local family hardware store interior"},
|
||||
]}
|
||||
title="Why people choose us"
|
||||
description="Real help for real jobs."
|
||||
@@ -160,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tools",
|
||||
price: "From €5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Tools", price: "From €5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Building Materials",
|
||||
price: "Various",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Building Materials", price: "Various", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Paint & Supplies",
|
||||
price: "From €8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=4",
|
||||
},
|
||||
id: "3", name: "Paint & Supplies", price: "From €8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Electrical",
|
||||
price: "From €2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=5",
|
||||
},
|
||||
id: "4", name: "Electrical", price: "From €2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Plumbing",
|
||||
price: "From €3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=6",
|
||||
},
|
||||
id: "5", name: "Plumbing", price: "From €3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "DIY Essentials",
|
||||
price: "From €4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=7",
|
||||
},
|
||||
id: "6", name: "DIY Essentials", price: "From €4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
|
||||
]}
|
||||
title="What you can find"
|
||||
description="Everything for your DIY project."
|
||||
@@ -208,45 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Borg",
|
||||
handle: "Local Resident",
|
||||
testimonial: "Very helpful staff and reasonable prices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=3",
|
||||
imageAlt: "close up hands working on home repair",
|
||||
},
|
||||
id: "1", name: "John Borg", handle: "Local Resident", testimonial: "Very helpful staff and reasonable prices.", imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", imageAlt: "close up hands working on home repair"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Vella",
|
||||
handle: "DIY Enthusiast",
|
||||
testimonial: "Friendly, helpful and welcoming people.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=8",
|
||||
imageAlt: "hand tools assortment metal rustic",
|
||||
},
|
||||
id: "2", name: "Maria Vella", handle: "DIY Enthusiast", testimonial: "Friendly, helpful and welcoming people.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg", imageAlt: "hand tools assortment metal rustic"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Paul Zammit",
|
||||
handle: "Contractor",
|
||||
testimonial: "Always helpful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg?_wi=2",
|
||||
imageAlt: "local family hardware store interior",
|
||||
},
|
||||
id: "3", name: "Paul Zammit", handle: "Contractor", testimonial: "Always helpful.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg", imageAlt: "local family hardware store interior"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna Muscat",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Good range of supplies and friendly service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=4",
|
||||
imageAlt: "close up hands working on home repair",
|
||||
},
|
||||
id: "4", name: "Anna Muscat", handle: "Homeowner", testimonial: "Good range of supplies and friendly service.", imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg", imageAlt: "close up hands working on home repair"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chris Calleja",
|
||||
handle: "Mġarr Local",
|
||||
testimonial: "Reliable advice every single time I visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=9",
|
||||
imageAlt: "hand tools assortment metal rustic",
|
||||
},
|
||||
id: "5", name: "Chris Calleja", handle: "Mġarr Local", testimonial: "Reliable advice every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg", imageAlt: "hand tools assortment metal rustic"},
|
||||
]}
|
||||
title="What our locals say"
|
||||
description="Simple feedback from our community."
|
||||
@@ -254,36 +149,26 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog />
|
||||
<ProductCatalog layout="page" />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Visit Us", href: "/contact"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:+35612345678",
|
||||
},
|
||||
label: "Call Us", href: "tel:+35612345678"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "/#products",
|
||||
},
|
||||
label: "Products", href: "/#products"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user