Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
155
src/app/admin/page.tsx
Normal file
155
src/app/admin/page.tsx
Normal file
@@ -0,0 +1,155 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
|
||||
export default function AdminPage() {
|
||||
const [productName, setProductName] = useState("");
|
||||
const [price, setPrice] = useState("");
|
||||
const [description, setDescription] = useState("");
|
||||
const [imageFile, setImageFile] = useState<File | null>(null);
|
||||
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{
|
||||
name: "Admin", id: "/admin"},
|
||||
];
|
||||
|
||||
const handleSubmit = (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
console.log({
|
||||
productName,
|
||||
price,
|
||||
description,
|
||||
imageFile,
|
||||
});
|
||||
alert("Product data submitted to console. (Image upload not implemented)");
|
||||
// In a real application, you would send this data to a backend API
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/heavy-wrench-used-mechanical-repairs_1194-641498.jpg"
|
||||
logoAlt="HardwareHub Logo"
|
||||
brandName="HardwareHub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="admin" data-section="admin" className="min-h-screen py-20 px-4 sm:px-6 lg:px-8 flex items-center justify-center">
|
||||
<div className="max-w-md w-full space-y-8 p-8 bg-card rounded-lg shadow-lg">
|
||||
<div>
|
||||
<h2 className="mt-6 text-center text-3xl font-extrabold text-foreground">
|
||||
Upload New Product
|
||||
</h2>
|
||||
<p className="mt-2 text-center text-sm text-foreground/70">
|
||||
Enter product details and an image.
|
||||
</p>
|
||||
</div>
|
||||
<form className="mt-8 space-y-6" onSubmit={handleSubmit}>
|
||||
<div className="rounded-md shadow-sm -space-y-px">
|
||||
<div>
|
||||
<label htmlFor="product-name" className="sr-only">
|
||||
Product Name
|
||||
</label>
|
||||
<input
|
||||
id="product-name"
|
||||
name="productName"
|
||||
type="text"
|
||||
autoComplete="off"
|
||||
required
|
||||
className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md focus:outline-none focus:ring-primary-cta focus:border-primary-cta focus:z-10 sm:text-sm bg-background-accent"
|
||||
placeholder="Product Name"
|
||||
value={productName}
|
||||
onChange={(e) => setProductName(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="price" className="sr-only">
|
||||
Price
|
||||
</label>
|
||||
<input
|
||||
id="price"
|
||||
name="price"
|
||||
type="number"
|
||||
autoComplete="off"
|
||||
required
|
||||
className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-primary-cta focus:border-primary-cta focus:z-10 sm:text-sm bg-background-accent"
|
||||
placeholder="Price"
|
||||
value={price}
|
||||
onChange={(e) => setPrice(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label htmlFor="description" className="sr-only">
|
||||
Description
|
||||
</label>
|
||||
<textarea
|
||||
id="description"
|
||||
name="description"
|
||||
rows={3}
|
||||
required
|
||||
className="appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 focus:outline-none focus:ring-primary-cta focus:border-primary-cta focus:z-10 sm:text-sm bg-background-accent"
|
||||
placeholder="Product Description"
|
||||
value={description}
|
||||
onChange={(e) => setDescription(e.target.value)}
|
||||
></textarea>
|
||||
</div>
|
||||
<div className="pt-2">
|
||||
<label htmlFor="image-upload" className="block text-sm font-medium text-foreground/80 mb-1">
|
||||
Product Image
|
||||
</label>
|
||||
<input
|
||||
id="image-upload"
|
||||
name="image"
|
||||
type="file"
|
||||
accept="image/*"
|
||||
required
|
||||
className="block w-full text-sm text-foreground/80 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-primary-cta file:text-white hover:file:bg-primary-cta/90"
|
||||
onChange={(e) => setImageFile(e.target.files ? e.target.files[0] : null)}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button
|
||||
type="submit"
|
||||
className="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-primary-cta hover:bg-primary-cta/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-cta"
|
||||
>
|
||||
Upload Product
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
363
src/app/page.tsx
363
src/app/page.tsx
@@ -16,6 +16,23 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
import { Box, Cog, MessageCircle, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{
|
||||
name: "Admin", id: "/admin"},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -32,32 +49,7 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
navItems={navItems}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/heavy-wrench-used-mechanical-repairs_1194-641498.jpg"
|
||||
logoAlt="HardwareHub Logo"
|
||||
brandName="HardwareHub"
|
||||
@@ -67,23 +59,16 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Project Starts Here"
|
||||
description="Find everything you need for home improvement, construction, and DIY projects. Quality tools and materials delivered to your door."
|
||||
kpis={[
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Products",
|
||||
},
|
||||
value: "1000+", label: "Products"},
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "10K+", label: "Happy Customers"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Brands",
|
||||
},
|
||||
value: "500+", label: "Brands"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-tools-floor_23-2148558019.jpg"
|
||||
@@ -91,66 +76,36 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/talented-young-man-casual-shirt-holding-notebook-coffee-shop_146671-14756.jpg",
|
||||
alt: "Portrait of a male customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/talented-young-man-casual-shirt-holding-notebook-coffee-shop_146671-14756.jpg", alt: "Portrait of a male customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-looking_176420-16061.jpg",
|
||||
alt: "Smiling male customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-man-looking_176420-16061.jpg", alt: "Smiling male customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1735.jpg",
|
||||
alt: "Hipster guy smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lumbersexual-businessman-model-man-dressed-jeans-jacket-clothes_158538-1735.jpg", alt: "Hipster guy smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79556.jpg",
|
||||
alt: "Cute girl looking away",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79556.jpg", alt: "Cute girl looking away"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gardener-apron-hat-holding-pumpkin-hedge-clippers-looking-pumpkin-with-serious-face-standing-green-wall_141793-96225.jpg",
|
||||
alt: "Female DIY enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gardener-apron-hat-holding-pumpkin-hedge-clippers-looking-pumpkin-with-serious-face-standing-green-wall_141793-96225.jpg", alt: "Female DIY enthusiast"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied customers!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Tools",
|
||||
type: "text", text: "Quality Tools"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/tools-with-bow-tie-paper-mustache_23-2148079964.jpg", alt: "Assortment of hand tools"},
|
||||
{
|
||||
type: "text-icon", text: "Expert Advice", icon: MessageCircle,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/tools-with-bow-tie-paper-mustache_23-2148079964.jpg",
|
||||
alt: "Assortment of hand tools",
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg", alt: "Mechanic supplies composition"},
|
||||
{
|
||||
type: "text", text: "Fast Delivery"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/work-tools-desk_7939-3305.jpg", alt: "Empty notepad and repair tools"},
|
||||
{
|
||||
type: "text-icon", text: "Wide Selection", icon: Box,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Advice",
|
||||
icon: MessageCircle,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-mechanic-supplies-composition_23-2149511912.jpg",
|
||||
alt: "Mechanic supplies composition",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Delivery",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/work-tools-desk_7939-3305.jpg",
|
||||
alt: "Empty notepad and repair tools",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wide Selection",
|
||||
icon: Box,
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/instruments-near-decorative-moustache-with-tie-happy-fathers-day-words_23-2148114426.jpg",
|
||||
alt: "Different types of tools",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/instruments-near-decorative-moustache-with-tie-happy-fathers-day-words_23-2148114426.jpg", alt: "Different types of tools"},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
/>
|
||||
@@ -177,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Hand Tools",
|
||||
author: "Crafted for Excellence",
|
||||
description: "Our collection of hand tools is designed for comfort and longevity, ensuring precision and durability for every task.",
|
||||
tags: [
|
||||
"Ergonomic",
|
||||
"Durable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-work-tools-wood-background_93675-130092.jpg",
|
||||
imageAlt: "Assortment of hand tools",
|
||||
},
|
||||
id: "f1", title: "Premium Hand Tools", author: "Crafted for Excellence", description: "Our collection of hand tools is designed for comfort and longevity, ensuring precision and durability for every task.", tags: [
|
||||
"Ergonomic", "Durable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-work-tools-wood-background_93675-130092.jpg", imageAlt: "Assortment of hand tools"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "High-Performance Power Tools",
|
||||
author: "Engineered for Efficiency",
|
||||
description: "Tackle tough jobs with ease using our advanced power equipment, built for robust performance and reliable results.",
|
||||
tags: [
|
||||
"Efficient",
|
||||
"Robust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19091.jpg",
|
||||
imageAlt: "Various power tools",
|
||||
},
|
||||
id: "f2", title: "High-Performance Power Tools", author: "Engineered for Efficiency", description: "Tackle tough jobs with ease using our advanced power equipment, built for robust performance and reliable results.", tags: [
|
||||
"Efficient", "Robust"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seeder-attached-tractor-field_146671-19091.jpg", imageAlt: "Various power tools"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quality Building Materials",
|
||||
author: "Foundations of Success",
|
||||
description: "Lay the groundwork for lasting creations with our wide range of reliable and sustainable building materials.",
|
||||
tags: [
|
||||
"Reliable",
|
||||
"Sustainable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clay-pieces-arrangement_23-2149480221.jpg",
|
||||
imageAlt: "Stacks of building materials",
|
||||
},
|
||||
id: "f3", title: "Quality Building Materials", author: "Foundations of Success", description: "Lay the groundwork for lasting creations with our wide range of reliable and sustainable building materials.", tags: [
|
||||
"Reliable", "Sustainable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clay-pieces-arrangement_23-2149480221.jpg", imageAlt: "Stacks of building materials"},
|
||||
]}
|
||||
title="Tools for Every Task"
|
||||
description="Explore our diverse range of products designed to meet the demands of any project, big or small. Durability, precision, and efficiency built into every item."
|
||||
@@ -226,47 +157,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cordless Drill Set",
|
||||
price: "$129.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-drilling-machine_23-2148428281.jpg",
|
||||
imageAlt: "Cordless drill set",
|
||||
},
|
||||
id: "p1", name: "Cordless Drill Set", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-drilling-machine_23-2148428281.jpg", imageAlt: "Cordless drill set"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Impact Driver",
|
||||
price: "$99.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15939.jpg",
|
||||
imageAlt: "Impact driver",
|
||||
},
|
||||
id: "p2", name: "Impact Driver", price: "$99.00", imageSrc: "http://img.b2bpic.net/free-photo/young-farmer-taking-care-his-business_329181-15939.jpg", imageAlt: "Impact driver"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Measuring Tape (25ft)",
|
||||
price: "$12.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spirit-level-brush-wooden-background_23-2148393158.jpg",
|
||||
imageAlt: "25ft measuring tape",
|
||||
},
|
||||
id: "p3", name: "Measuring Tape (25ft)", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-spirit-level-brush-wooden-background_23-2148393158.jpg", imageAlt: "25ft measuring tape"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Adjustable Wrench",
|
||||
price: "$18.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-638513.jpg",
|
||||
imageAlt: "Adjustable wrench",
|
||||
},
|
||||
id: "p4", name: "Adjustable Wrench", price: "$18.75", imageSrc: "http://img.b2bpic.net/free-photo/single-tool-isolated-with-copy-space_1194-638513.jpg", imageAlt: "Adjustable wrench"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Safety Goggles",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-builder-posing-with-goggles-helmet-high-quality-photo_114579-61039.jpg",
|
||||
imageAlt: "Clear safety goggles",
|
||||
},
|
||||
id: "p5", name: "Safety Goggles", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/female-builder-posing-with-goggles-helmet-high-quality-photo_114579-61039.jpg", imageAlt: "Clear safety goggles"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hammer Drill",
|
||||
price: "$159.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-hammer-drill-lies-wooden-table_93675-132698.jpg",
|
||||
imageAlt: "Powerful hammer drill",
|
||||
},
|
||||
id: "p6", name: "Hammer Drill", price: "$159.99", imageSrc: "http://img.b2bpic.net/free-photo/electric-hammer-drill-lies-wooden-table_93675-132698.jpg", imageAlt: "Powerful hammer drill"},
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Discover the most popular products loved by our customers. Top-rated for quality, performance, and value."
|
||||
@@ -280,55 +181,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-diy",
|
||||
name: "DIY Starter Pack",
|
||||
price: "$99.00",
|
||||
features: [
|
||||
"Essential Hand Tools",
|
||||
"Basic Fastener Kit",
|
||||
"Online DIY Guides",
|
||||
],
|
||||
id: "plan-diy", name: "DIY Starter Pack", price: "$99.00", features: [
|
||||
"Essential Hand Tools", "Basic Fastener Kit", "Online DIY Guides"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-pro",
|
||||
name: "Pro Builder Kit",
|
||||
price: "$249.00",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
id: "plan-pro", name: "Pro Builder Kit", price: "$249.00", badge: "Popular", badgeIcon: Sparkles,
|
||||
features: [
|
||||
"Advanced Power Tool",
|
||||
"Bulk Fastener Supply",
|
||||
"Project Consulting",
|
||||
"Exclusive Discounts",
|
||||
],
|
||||
"Advanced Power Tool", "Bulk Fastener Supply", "Project Consulting", "Exclusive Discounts"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Pro",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select Pro", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-contractor",
|
||||
name: "Contractor Elite",
|
||||
price: "$499.00",
|
||||
features: [
|
||||
"Heavy-Duty Equipment Access",
|
||||
"Dedicated Account Manager",
|
||||
"On-site Delivery",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "plan-contractor", name: "Contractor Elite", price: "$499.00", features: [
|
||||
"Heavy-Duty Equipment Access", "Dedicated Account Manager", "On-site Delivery", "Priority Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -342,14 +216,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"BuildRite Construction",
|
||||
"Precision Builders",
|
||||
"Elite Carpentry",
|
||||
"Urban Developers",
|
||||
"GreenWorks Remodeling",
|
||||
"Apex Renovations",
|
||||
"Master Craft Group",
|
||||
]}
|
||||
"BuildRite Construction", "Precision Builders", "Elite Carpentry", "Urban Developers", "GreenWorks Remodeling", "Apex Renovations", "Master Craft Group"]}
|
||||
title="Trusted by Industry Professionals"
|
||||
description="Our products are chosen by leading contractors and builders for their reliability and performance on critical projects."
|
||||
speed={40}
|
||||
@@ -363,50 +230,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoes_builds",
|
||||
testimonial: "HardwareHub has become my go-to for all tools. The quality is unmatched and delivery is always on time!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
imageAlt: "John Doe, customer",
|
||||
},
|
||||
id: "t1", name: "John Doe", handle: "@johndoes_builds", testimonial: "HardwareHub has become my go-to for all tools. The quality is unmatched and delivery is always on time!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", imageAlt: "John Doe, customer"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@smith_projects",
|
||||
testimonial: "Fantastic customer service and an incredible range of products. Highly recommend for any DIY enthusiast!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-mattock-mini-rake-looking-camera-smiling-with-happy-face-standing-orange-background_141793-45651.jpg",
|
||||
imageAlt: "Jane Smith, customer",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", handle: "@smith_projects", testimonial: "Fantastic customer service and an incredible range of products. Highly recommend for any DIY enthusiast!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-woman-with-short-hair-apron-hat-holding-mattock-mini-rake-looking-camera-smiling-with-happy-face-standing-orange-background_141793-45651.jpg", imageAlt: "Jane Smith, customer"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Johnson",
|
||||
handle: "@mike_repairs",
|
||||
testimonial: "I found exactly what I needed for my home renovation. The power tools are robust and reliable, making my work easier.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-cup-drink-t-shirt-jacket-looking-happy-front-view_176474-57821.jpg",
|
||||
imageAlt: "Mike Johnson, customer",
|
||||
},
|
||||
id: "t3", name: "Mike Johnson", handle: "@mike_repairs", testimonial: "I found exactly what I needed for my home renovation. The power tools are robust and reliable, making my work easier.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-cup-drink-t-shirt-jacket-looking-happy-front-view_176474-57821.jpg", imageAlt: "Mike Johnson, customer"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
handle: "@sarahs_diy",
|
||||
testimonial: "The best prices for high-quality hardware. My projects are always a success thanks to the reliable products from HardwareHub!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-girl-successful-telephone-woman_1187-4801.jpg",
|
||||
imageAlt: "Sarah Lee, customer",
|
||||
},
|
||||
id: "t4", name: "Sarah Lee", handle: "@sarahs_diy", testimonial: "The best prices for high-quality hardware. My projects are always a success thanks to the reliable products from HardwareHub!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-girl-successful-telephone-woman_1187-4801.jpg", imageAlt: "Sarah Lee, customer"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Williams",
|
||||
handle: "@david_constructs",
|
||||
testimonial: "As a professional contractor, I rely on durable tools. HardwareHub delivers every time with their excellent selection and service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-tablet-with-copy-space_23-2148243005.jpg",
|
||||
imageAlt: "David Williams, customer",
|
||||
},
|
||||
id: "t5", name: "David Williams", handle: "@david_constructs", testimonial: "As a professional contractor, I rely on durable tools. HardwareHub delivers every time with their excellent selection and service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-holding-tablet-with-copy-space_23-2148243005.jpg", imageAlt: "David Williams, customer"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -419,20 +256,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, PayPal, and bank transfers for your convenience. Secure payment options are available at checkout.",
|
||||
},
|
||||
id: "faq-1", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, and bank transfers for your convenience. Secure payment options are available at checkout."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "How long does shipping take?",
|
||||
content: "Standard shipping usually takes 3-5 business days. Expedited options are available at checkout for faster delivery times.",
|
||||
},
|
||||
id: "faq-2", title: "How long does shipping take?", content: "Standard shipping usually takes 3-5 business days. Expedited options are available at checkout for faster delivery times."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Can I return a product?",
|
||||
content: "Yes, we offer a 30-day return policy on most items. Please refer to our returns page on the website for detailed information and conditions.",
|
||||
},
|
||||
id: "faq-3", title: "Can I return a product?", content: "Yes, we offer a 30-day return policy on most items. Please refer to our returns page on the website for detailed information and conditions."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find answers to the most frequently asked questions about our products, orders, and services."
|
||||
@@ -444,8 +272,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Need Assistance?"
|
||||
description="Our dedicated team is here to help with any questions, product inquiries, or support you might need. Reach out today!"
|
||||
@@ -467,45 +294,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Our Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Our Products", href: "#products"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Customer Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Customer Service", href: "#"},
|
||||
{
|
||||
label: "Returns & Refunds",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns & Refunds", href: "#"},
|
||||
{
|
||||
label: "Shipping Information",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Information", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user