Update src/app/page.tsx
This commit is contained in:
173
src/app/page.tsx
173
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Capua's Trading"
|
||||
/>
|
||||
@@ -55,32 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Trusted Construction Partner in the Philippines"
|
||||
description="Capua's Trading and Gen. Merchandise provides high-quality, reliable, and affordable construction materials for your every project."
|
||||
tag="Construction Supplies"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-playing-basketball-together-backyard_23-2150067876.jpg",
|
||||
imageAlt: "Construction shop front",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-playing-basketball-together-backyard_23-2150067876.jpg", imageAlt: "Construction shop front"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pallets-with-stacked-gray-paving-slabs-selective-focus-stack-paving-slabs-warehouse-road-repair-finished-tile-sale-space-text_166373-3193.jpg",
|
||||
imageAlt: "Construction materials",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207762.jpg",
|
||||
imageAlt: "Abstract minimal background with floor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525710.jpg",
|
||||
imageAlt: "Friends going shopping in antique store",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741249.jpg",
|
||||
imageAlt: "Man engaged in household task",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pallets-with-stacked-gray-paving-slabs-selective-focus-stack-paving-slabs-warehouse-road-repair-finished-tile-sale-space-text_166373-3193.jpg", imageAlt: "Construction materials"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,19 +70,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years Experience", value: "20+"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Projects Supported",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Projects Supported", value: "5000+"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Reliable Delivery",
|
||||
value: "Fast",
|
||||
},
|
||||
label: "Reliable Delivery", value: "Fast"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -121,41 +90,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Portland Cement",
|
||||
price: "Standard Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg",
|
||||
},
|
||||
id: "1", name: "Portland Cement", price: "Standard Pricing", imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Deformed Steel Bars",
|
||||
price: "All Sizes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-steel-factory-warehouse_1127-3282.jpg",
|
||||
},
|
||||
id: "2", name: "Deformed Steel Bars", price: "All Sizes", imageSrc: "http://img.b2bpic.net/free-photo/large-steel-factory-warehouse_1127-3282.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "PVC & Electrical Conduit",
|
||||
price: "Professional Grade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-tools-hardhat_23-2147743037.jpg",
|
||||
},
|
||||
id: "3", name: "PVC & Electrical Conduit", price: "Professional Grade", imageSrc: "http://img.b2bpic.net/free-photo/assortment-tools-hardhat_23-2147743037.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "PPR Plumbing Systems",
|
||||
price: "Durable Fittings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062979.jpg",
|
||||
},
|
||||
id: "4", name: "PPR Plumbing Systems", price: "Durable Fittings", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062979.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Professional Tool Sets",
|
||||
price: "Power & Hand Tools",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-construction-tools-as-wrench-putty-knife-brick-hammer-wooden-background_141793-14420.jpg",
|
||||
},
|
||||
id: "5", name: "Professional Tool Sets", price: "Power & Hand Tools", imageSrc: "http://img.b2bpic.net/free-photo/top-view-construction-tools-as-wrench-putty-knife-brick-hammer-wooden-background_141793-14420.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Premium Ceramic Tiles",
|
||||
price: "High Margin Selection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-plants-that-have-been-cultivated-farmed-indoors_23-2149854892.jpg",
|
||||
},
|
||||
id: "6", name: "Premium Ceramic Tiles", price: "High Margin Selection", imageSrc: "http://img.b2bpic.net/free-photo/man-with-plants-that-have-been-cultivated-farmed-indoors_23-2149854892.jpg"},
|
||||
]}
|
||||
title="Comprehensive Construction Inventory"
|
||||
description="From foundation to finishing, we provide everything you need for successful construction."
|
||||
@@ -169,38 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fasteners & Fixings",
|
||||
author: "Hardware",
|
||||
description: "Complete range of nails, screws, bolts, and nuts for structural assembly.",
|
||||
tags: [
|
||||
"Nails",
|
||||
"Screws",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15097.jpg",
|
||||
},
|
||||
id: "f1", title: "Fasteners & Fixings", author: "Hardware", description: "Complete range of nails, screws, bolts, and nuts for structural assembly.", tags: [
|
||||
"Nails", "Screws"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15097.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Paint & Chemicals",
|
||||
author: "Finishing",
|
||||
description: "High-quality latex, enamel paints, primers, and professional waterproofing chemicals.",
|
||||
tags: [
|
||||
"Paint",
|
||||
"Adhesives",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-rows_1398-2539.jpg",
|
||||
},
|
||||
id: "f2", title: "Paint & Chemicals", author: "Finishing", description: "High-quality latex, enamel paints, primers, and professional waterproofing chemicals.", tags: [
|
||||
"Paint", "Adhesives"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beer-kegs-rows_1398-2539.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Safety & PPE",
|
||||
author: "Compliance",
|
||||
description: "Essential safety gear to ensure your project sites are compliant and safe.",
|
||||
tags: [
|
||||
"PPE",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-assortment_23-2149106855.jpg",
|
||||
},
|
||||
id: "f3", title: "Safety & PPE", author: "Compliance", description: "Essential safety gear to ensure your project sites are compliant and safe.", tags: [
|
||||
"PPE", "Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-assortment_23-2149106855.jpg"},
|
||||
]}
|
||||
title="Daily Hardware Essentials"
|
||||
description="The daily walk-in drivers that keep your projects running smoothly every day."
|
||||
@@ -212,30 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jose Reyes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-holds-ceramic-dishes_1157-39551.jpg",
|
||||
},
|
||||
id: "t1", name: "Jose Reyes", imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-holds-ceramic-dishes_1157-39551.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Santos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria Santos", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-engineers-hand-shake_23-2148480373.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pedro Garcia",
|
||||
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",
|
||||
},
|
||||
id: "t3", name: "Pedro Garcia", 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"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Juan Dela Cruz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-having-fun-together_23-2148287908.jpg",
|
||||
},
|
||||
id: "t4", name: "Juan Dela Cruz", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-having-fun-together_23-2148287908.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Cruz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-post-office-worker-talking-with-customer-standing-outdoors-man-holding-cardboard-boxes-listening-deliverywoman-with-clipboard-express-delivery-service-online-shopping-concept_74855-11643.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena Cruz", imageSrc: "http://img.b2bpic.net/free-photo/content-post-office-worker-talking-with-customer-standing-outdoors-man-holding-cardboard-boxes-listening-deliverywoman-with-clipboard-express-delivery-service-online-shopping-concept_74855-11643.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Partners Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -249,20 +158,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide reliable delivery services to construction sites within our serviced areas.",
|
||||
},
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we provide reliable delivery services to construction sites within our serviced areas."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What construction materials do you stock?",
|
||||
content: "We stock a full range including structural materials, electrical, plumbing, hardware, and finishing supplies.",
|
||||
},
|
||||
id: "q2", title: "What construction materials do you stock?", content: "We stock a full range including structural materials, electrical, plumbing, hardware, and finishing supplies."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request a bulk quote?",
|
||||
content: "Absolutely! Please contact our sales team directly for special pricing on bulk orders.",
|
||||
},
|
||||
id: "q3", title: "Can I request a bulk quote?", content: "Absolutely! Please contact our sales team directly for special pricing on bulk orders."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about our products and services."
|
||||
@@ -274,16 +174,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get Started with Your Project Today"
|
||||
description="Ready to build? Our experts are here to assist you with your procurement needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Sales", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user