bender/2aeef479-438a-48a4-b7fb-20c96452ccc7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-12 13:35:52 +00:00
parent c9d1dcb731
commit 0775864a45
1 changed files with 66 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

311
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { CheckCircle, MapPin, Shield, Star, Tool, Zap } from "lucide-react";
import { CheckCircle, MapPin, Shield, Star, Wrench, Zap } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,37 +34,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m9c6c5"
logoAlt="Apex Plastic Piping Supply Logo"
@@ -78,39 +62,23 @@ export default function LandingPage() {
description="Your trusted partner for high-quality plastic piping solutions in Cebu and beyond. We deliver durable products and expert services for every need."
buttons={[
{
text: "Explore Products",
href: "#products",
},
text: "Explore Products", href: "#products"},
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2538.jpg",
imageAlt: "Rows of colorful plastic pipes in a warehouse",
},
imageSrc: "http://img.b2bpic.net/free-photo/many-metal-kegs-beer_1398-2538.jpg", imageAlt: "Rows of colorful plastic pipes in a warehouse"},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-landscape-surrounded-by-mountains-lakes-with-industrial-disaster_181624-13401.jpg",
imageAlt: "Technician inspecting plastic pipe joints on a construction site",
},
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-landscape-surrounded-by-mountains-lakes-with-industrial-disaster_181624-13401.jpg", imageAlt: "Technician inspecting plastic pipe joints on a construction site"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062979.jpg",
imageAlt: "Residential plumbing system with plastic pipes",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-composition-pvc_23-2149062979.jpg", imageAlt: "Residential plumbing system with plastic pipes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131511.jpg",
imageAlt: "Construction worker installing large diameter drainage pipes",
},
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131511.jpg", imageAlt: "Construction worker installing large diameter drainage pipes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
imageAlt: "Interior of a well-stocked plastic pipe supply store",
},
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg", imageAlt: "Interior of a well-stocked plastic pipe supply store"},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-composition_23-2149106872.jpg",
imageAlt: "Automated production line manufacturing plastic pipes",
},
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-composition_23-2149106872.jpg", imageAlt: "Automated production line manufacturing plastic pipes"},
]}
autoplayDelay={3000}
showDimOverlay={false}
@@ -124,19 +92,13 @@ export default function LandingPage() {
metrics={[
{
icon: CheckCircle,
label: "Quality Assurance",
value: "100%",
},
label: "Quality Assurance", value: "100%"},
{
icon: Tool,
label: "Expert Support",
value: "24/7",
},
icon: Wrench,
label: "Expert Support", value: "24/7"},
{
icon: MapPin,
label: "Local & Global Reach",
value: "Cebu",
},
label: "Local & Global Reach", value: "Cebu"},
]}
metricsAnimation="slide-up"
/>
@@ -149,42 +111,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "service-1",
title: "Consultation & Design",
subtitle: "Get expert advice on the best piping materials and system designs for your specific project needs.",
category: "Planning",
value: "Personalized Solutions",
buttons: [
id: "service-1", title: "Consultation & Design", subtitle: "Get expert advice on the best piping materials and system designs for your specific project needs.", category: "Planning", value: "Personalized Solutions", buttons: [
{
text: "Learn More",
href: "#contact",
},
text: "Learn More", href: "#contact"},
],
},
{
id: "service-2",
title: "Supply & Delivery",
subtitle: "Reliable supply of a wide range of plastic pipes, fittings, and accessories, delivered directly to your site.",
category: "Logistics",
value: "On-Time Delivery",
buttons: [
id: "service-2", title: "Supply & Delivery", subtitle: "Reliable supply of a wide range of plastic pipes, fittings, and accessories, delivered directly to your site.", category: "Logistics", value: "On-Time Delivery", buttons: [
{
text: "View Products",
href: "#products",
},
text: "View Products", href: "#products"},
],
},
{
id: "service-3",
title: "Installation Support",
subtitle: "Our team provides professional guidance and support throughout the installation process for optimal results.",
category: "Execution",
value: "Expert Assistance",
buttons: [
id: "service-3", title: "Installation Support", subtitle: "Our team provides professional guidance and support throughout the installation process for optimal results.", category: "Execution", value: "Expert Assistance", buttons: [
{
text: "Get Support",
href: "#contact",
},
text: "Get Support", href: "#contact"},
],
},
]}
@@ -201,47 +142,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "pvc-pipe",
name: "PVC Pipes",
price: "View Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-assortment_23-2149106858.jpg",
imageAlt: "White PVC pipe section",
},
id: "pvc-pipe", name: "PVC Pipes", price: "View Pricing", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-assortment_23-2149106858.jpg", imageAlt: "White PVC pipe section"},
{
id: "hdpe-pipe",
name: "HDPE Pipes",
price: "View Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-assortment_23-2149106854.jpg",
imageAlt: "Black HDPE pipe coils",
},
id: "hdpe-pipe", name: "HDPE Pipes", price: "View Pricing", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-assortment_23-2149106854.jpg", imageAlt: "Black HDPE pipe coils"},
{
id: "pipe-fittings",
name: "Pipe Fittings & Connectors",
price: "View Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062939.jpg",
imageAlt: "Assortment of pipe fittings",
},
id: "pipe-fittings", name: "Pipe Fittings & Connectors", price: "View Pricing", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-assortment-pvc_23-2149062939.jpg", imageAlt: "Assortment of pipe fittings"},
{
id: "ppr-pipe",
name: "PPR Pipes",
price: "View Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131498.jpg",
imageAlt: "Green PPR pipes",
},
id: "ppr-pipe", name: "PPR Pipes", price: "View Pricing", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131498.jpg", imageAlt: "Green PPR pipes"},
{
id: "large-diameter",
name: "Large Diameter Pipes",
price: "View Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-arrangement_23-2149106843.jpg",
imageAlt: "Large diameter industrial pipes",
},
id: "large-diameter", name: "Large Diameter Pipes", price: "View Pricing", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-construction-pvc-pipes-arrangement_23-2149106843.jpg", imageAlt: "Large diameter industrial pipes"},
{
id: "insulation",
name: "Pipe Insulation",
price: "View Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg",
imageAlt: "Pipe insulation materials",
},
id: "insulation", name: "Pipe Insulation", price: "View Pricing", imageSrc: "http://img.b2bpic.net/free-photo/steel-pipelines-cables-factory-interior-as-industrial-zone-background-concept_645730-802.jpg", imageAlt: "Pipe insulation materials"},
]}
title="High-Quality Plastic Piping Solutions"
description="Discover our extensive range of durable and reliable plastic pipes for various applications, from residential to industrial."
@@ -255,61 +166,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic-supply",
badge: "Standard",
badgeIcon: Star,
price: "Inquire Now",
subtitle: "Reliable supply for smaller projects",
buttons: [
id: "basic-supply", badge: "Standard", badgeIcon: Star,
price: "Inquire Now", subtitle: "Reliable supply for smaller projects", buttons: [
{
text: "Get a Quote",
href: "#contact",
},
text: "Get a Quote", href: "#contact"},
],
features: [
"Standard PVC & HDPE pipes",
"Local delivery",
"Basic technical advice",
"Standard fittings included",
],
"Standard PVC & HDPE pipes", "Local delivery", "Basic technical advice", "Standard fittings included"],
},
{
id: "project-pro",
badge: "Pro",
badgeIcon: Zap,
price: "Custom Quote",
subtitle: "Tailored for medium to large-scale projects",
buttons: [
id: "project-pro", badge: "Pro", badgeIcon: Zap,
price: "Custom Quote", subtitle: "Tailored for medium to large-scale projects", buttons: [
{
text: "Contact Sales",
href: "#contact",
},
text: "Contact Sales", href: "#contact"},
],
features: [
"Extended pipe range (PPR, large diameter)",
"Priority delivery & logistics",
"Dedicated project consultation",
"On-site installation support",
],
"Extended pipe range (PPR, large diameter)", "Priority delivery & logistics", "Dedicated project consultation", "On-site installation support"],
},
{
id: "enterprise-solution",
badge: "Enterprise",
badgeIcon: Shield,
price: "Custom Solution",
subtitle: "Comprehensive partnership for ongoing needs",
buttons: [
id: "enterprise-solution", badge: "Enterprise", badgeIcon: Shield,
price: "Custom Solution", subtitle: "Comprehensive partnership for ongoing needs", buttons: [
{
text: "Schedule a Call",
href: "#contact",
},
text: "Schedule a Call", href: "#contact"},
],
features: [
"Full product catalog access",
"Personalized account manager",
"Bulk pricing advantages",
"Advanced technical & engineering support",
],
"Full product catalog access", "Personalized account manager", "Bulk pricing advantages", "Advanced technical & engineering support"],
},
]}
title="Flexible Solutions for Every Project"
@@ -322,15 +203,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Cebu Developers Inc.",
"AquaTech Solutions",
"GreenBuild Construction",
"Hydro Infrastructure Co.",
"Urban Plumbing Services",
"Island Resorts Group",
"Metro Water District",
"Agri-Flow Systems",
]}
"Cebu Developers Inc.", "AquaTech Solutions", "GreenBuild Construction", "Hydro Infrastructure Co.", "Urban Plumbing Services", "Island Resorts Group", "Metro Water District", "Agri-Flow Systems"]}
title="Trusted by Industry Leaders"
description="Our commitment to quality, reliability, and excellent service has earned us the trust of many valued partners and clients across various sectors."
/>
@@ -341,35 +214,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Engr. Maria Santos",
imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121339.jpg",
imageAlt: "Portrait of Engr. Maria Santos",
},
id: "1", name: "Engr. Maria Santos", imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121339.jpg", imageAlt: "Portrait of Engr. Maria Santos"},
{
id: "2",
name: "Mr. David Lim",
imageSrc: "http://img.b2bpic.net/free-photo/hand-worker-happy-digitally-generated-presentation_1134-1036.jpg",
imageAlt: "Portrait of Mr. David Lim",
},
id: "2", name: "Mr. David Lim", imageSrc: "http://img.b2bpic.net/free-photo/hand-worker-happy-digitally-generated-presentation_1134-1036.jpg", imageAlt: "Portrait of Mr. David Lim"},
{
id: "3",
name: "Ms. Emily Garcia",
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg",
imageAlt: "Portrait of Ms. Emily Garcia",
},
id: "3", name: "Ms. Emily Garcia", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15632.jpg", imageAlt: "Portrait of Ms. Emily Garcia"},
{
id: "4",
name: "Arch. Ben Cruz",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-with-protection-helmet-glasses_23-2148269396.jpg",
imageAlt: "Portrait of Arch. Ben Cruz",
},
id: "4", name: "Arch. Ben Cruz", imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-with-protection-helmet-glasses_23-2148269396.jpg", imageAlt: "Portrait of Arch. Ben Cruz"},
{
id: "5",
name: "Ms. Joyce Reyes",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-uniform-with-face-shield_23-2148773457.jpg",
imageAlt: "Portrait of Ms. Joyce Reyes",
},
id: "5", name: "Ms. Joyce Reyes", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-uniform-with-face-shield_23-2148773457.jpg", imageAlt: "Portrait of Ms. Joyce Reyes"},
]}
cardTitle="What Our Clients Say"
cardTag="Customer Stories"
@@ -383,20 +236,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What types of plastic pipes do you supply?",
content: "We supply a comprehensive range including PVC, HDPE, and PPR pipes suitable for various applications such as water supply, drainage, irrigation, and industrial use.",
},
id: "q1", title: "What types of plastic pipes do you supply?", content: "We supply a comprehensive range including PVC, HDPE, and PPR pipes suitable for various applications such as water supply, drainage, irrigation, and industrial use."},
{
id: "q2",
title: "Do you offer delivery services?",
content: "Yes, we provide reliable delivery services across Cebu and surrounding regions. Please contact us to discuss your specific delivery requirements and locations.",
},
id: "q2", title: "Do you offer delivery services?", content: "Yes, we provide reliable delivery services across Cebu and surrounding regions. Please contact us to discuss your specific delivery requirements and locations."},
{
id: "q3",
title: "Can you assist with custom piping solutions?",
content: "Absolutely! Our team of experts can offer consultation and design services to help you identify and implement the most effective custom piping solutions for your unique project.",
},
id: "q3", title: "Can you assist with custom piping solutions?", content: "Absolutely! Our team of experts can offer consultation and design services to help you identify and implement the most effective custom piping solutions for your unique project."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our plastic piping products, services, and ordering process."
@@ -408,8 +252,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Connect with Apex Plastic Piping Supply"
description="Reach out to us for inquiries, custom orders, or any assistance you may need. We're here to help you find the perfect piping solutions."
@@ -431,57 +274,35 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
{
label: "Services",
href: "#features",
},
label: "Services", href: "#features"},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Sitemap",
href: "#",
},
label: "Sitemap", href: "#"},
],
},
]}