Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -28,109 +28,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Ferresa Valle Dorado"
|
||||
button={{
|
||||
text: "Cart",
|
||||
href: "/cart",
|
||||
}}
|
||||
button={{ text: "Cart", href: "/cart" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Everything you need to build, fix, and create"
|
||||
description="Your trusted hardware store in Valle Dorado. We provide high-quality materials and professional advice for every project."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Products In Stock",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
{ value: "20+", label: "Years Experience" },
|
||||
{ value: "5000+", label: "Products In Stock" },
|
||||
{ value: "100%", label: "Customer Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Online",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
text: "View Catalog",
|
||||
href: "/catalog",
|
||||
},
|
||||
{ text: "Shop Online", href: "/shop" },
|
||||
{ text: "View Catalog", href: "/catalog" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glassblower-examining-glassware_107420-74241.jpg"
|
||||
imageAlt="Ferresa Store Exterior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525693.jpg",
|
||||
alt: "Customer shopping",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950914.jpg",
|
||||
alt: "Antiques expert",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg",
|
||||
alt: "Handyman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950892.jpg",
|
||||
alt: "Project lead",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/engaged-couple-posing-together-city_23-2149488108.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525693.jpg", alt: "Customer shopping" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950914.jpg", alt: "Antiques expert" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-old-vessels-second-hand-market_23-2149338478.jpg", alt: "Handyman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950892.jpg", alt: "Project lead" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/engaged-couple-posing-together-city_23-2149488108.jpg", alt: "Happy homeowner" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Tools",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Advice",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Prices",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Service",
|
||||
},
|
||||
{ type: "text", text: "Quality Tools" },
|
||||
{ type: "text", text: "Expert Advice" },
|
||||
{ type: "text", text: "Competitive Prices" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Reliable Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -144,27 +82,11 @@ export default function LandingPage() {
|
||||
description="What sets Ferresa apart from the big box retailers."
|
||||
features={[
|
||||
{
|
||||
id: "fv1",
|
||||
title: "Quality First",
|
||||
author: "Staff Picks",
|
||||
description: "We only stock professional-grade tools.",
|
||||
tags: [
|
||||
"Quality",
|
||||
"Tools",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-specialist-using-sandpaper-manual-sanding-lumber-close-up_482257-98011.jpg",
|
||||
},
|
||||
id: "fv1", title: "Quality First", author: "Staff Picks", description: "We only stock professional-grade tools.", tags: ["Quality", "Tools"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-specialist-using-sandpaper-manual-sanding-lumber-close-up_482257-98011.jpg"},
|
||||
{
|
||||
id: "fv2",
|
||||
title: "Expert Guidance",
|
||||
author: "The Pro Team",
|
||||
description: "Ask our staff for project advice.",
|
||||
tags: [
|
||||
"Support",
|
||||
"Expert",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg",
|
||||
},
|
||||
id: "fv2", title: "Expert Guidance", author: "The Pro Team", description: "Ask our staff for project advice.", tags: ["Support", "Expert"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-woodworking-shop-putting-protection-gloves_482257-110840.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,48 +100,31 @@ export default function LandingPage() {
|
||||
description="Tips, tricks, and store updates."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "DIY",
|
||||
title: "5 Tools You Need",
|
||||
excerpt: "Don't start your project without these.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/engaged-couple-posing-together-city_23-2149488108.jpg",
|
||||
date: "2024-10-01",
|
||||
},
|
||||
id: "b1", category: "DIY", title: "5 Tools You Need", excerpt: "Don't start your project without these.", imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/engaged-couple-posing-together-city_23-2149488108.jpg", date: "2024-10-01"},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Maintenance",
|
||||
title: "Preparing for Winter",
|
||||
excerpt: "Keep your pipes safe this season.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/engaged-couple-posing-together-city_23-2149488108.jpg",
|
||||
date: "2024-10-15",
|
||||
},
|
||||
id: "b2", category: "Maintenance", title: "Preparing for Winter", excerpt: "Keep your pipes safe this season.", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/engaged-couple-posing-together-city_23-2149488108.jpg", date: "2024-10-15"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductDetailCard />
|
||||
<ProductDetailCard
|
||||
layout="default"
|
||||
name="Professional Tool Kit"
|
||||
price="$199.00"
|
||||
images={["http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg"]}
|
||||
buttons={[{ text: "Buy Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Need Help?"
|
||||
title="Still have questions?"
|
||||
description="Give us a call or visit the shop."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+525512345678",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Us", href: "tel:+525512345678" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -227,29 +132,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
{
|
||||
label: "Catalog",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#",
|
||||
},
|
||||
title: "Store", items: [
|
||||
{ label: "Catalog", href: "/shop" },
|
||||
{ label: "Delivery", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user