Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9bb5a6a419 | |||
| 65d664d2d1 |
316
src/app/page.tsx
316
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
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="http://img.b2bpic.net/free-vector/food-logo-background_1390-72.jpg"
|
||||
logoAlt="Clemco Postal Logo"
|
||||
@@ -66,45 +54,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your Trusted Partner for Postal, Shipping & Printing"
|
||||
description="Delivering reliable solutions with speed and care for all your personal and business needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-discussing-client-orders-detalis_482257-84168.jpg",
|
||||
imageAlt: "Busy postal office interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-discussing-client-orders-detalis_482257-84168.jpg", imageAlt: "Busy postal office interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-collage-design_23-2151877165.jpg",
|
||||
imageAlt: "Hands packaging a box securely",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-collage-design_23-2151877165.jpg", imageAlt: "Hands packaging a box securely"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-upset-woman-receiving-bad-news-by-post-hall-entrance-young-woman-opening-postbox-standing-hallway-holding-envelope_657921-1043.jpg",
|
||||
imageAlt: "Rows of secure mailboxes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-upset-woman-receiving-bad-news-by-post-hall-entrance-young-woman-opening-postbox-standing-hallway-holding-envelope_657921-1043.jpg", imageAlt: "Rows of secure mailboxes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secretary-work_1098-15422.jpg",
|
||||
imageAlt: "High-quality document printing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secretary-work_1098-15422.jpg", imageAlt: "High-quality document printing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/van-tows-bright-orange-trailer-open-highway-towing-transport_169016-71051.jpg",
|
||||
imageAlt: "Delivery truck in city",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/van-tows-bright-orange-trailer-open-highway-towing-transport_169016-71051.jpg", imageAlt: "Delivery truck in city"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-showing-client-place-signature_23-2147801302.jpg",
|
||||
imageAlt: "Happy customer receiving package",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-showing-client-place-signature_23-2147801302.jpg", imageAlt: "Happy customer receiving package"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -127,49 +98,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "shipping",
|
||||
title: "Reliable Shipping Solutions",
|
||||
tags: [
|
||||
"Domestic",
|
||||
"International",
|
||||
"Express",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-cardboard-boxes-with-belongings-after-moving-together-new-home_23-2149086812.jpg",
|
||||
imageAlt: "Stack of shipping boxes",
|
||||
},
|
||||
id: "shipping", title: "Reliable Shipping Solutions", tags: [
|
||||
"Domestic", "International", "Express"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-cardboard-boxes-with-belongings-after-moving-together-new-home_23-2149086812.jpg", imageAlt: "Stack of shipping boxes"},
|
||||
{
|
||||
id: "printing",
|
||||
title: "Professional Printing Services",
|
||||
tags: [
|
||||
"Documents",
|
||||
"Marketing",
|
||||
"Large Format",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-male-graphic-designers-choosing-color-from-sampler_1170-2935.jpg",
|
||||
imageAlt: "Professional printing machine",
|
||||
},
|
||||
id: "printing", title: "Professional Printing Services", tags: [
|
||||
"Documents", "Marketing", "Large Format"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-male-graphic-designers-choosing-color-from-sampler_1170-2935.jpg", imageAlt: "Professional printing machine"},
|
||||
{
|
||||
id: "mailboxes",
|
||||
title: "Secure Mailbox Rentals",
|
||||
tags: [
|
||||
"Personal",
|
||||
"Business",
|
||||
"Virtual",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-mailbox-wood-background_1232-2575.jpg",
|
||||
imageAlt: "Rows of secure mailboxes",
|
||||
},
|
||||
id: "mailboxes", title: "Secure Mailbox Rentals", tags: [
|
||||
"Personal", "Business", "Virtual"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-wooden-mailbox-wood-background_1232-2575.jpg", imageAlt: "Rows of secure mailboxes"},
|
||||
{
|
||||
id: "packaging",
|
||||
title: "Expert Packing & Supplies",
|
||||
tags: [
|
||||
"Fragile",
|
||||
"Custom",
|
||||
"Boxes",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-wafer-slice-blue-wooden-board_114579-82268.jpg",
|
||||
imageAlt: "Packing materials and supplies",
|
||||
},
|
||||
id: "packaging", title: "Expert Packing & Supplies", tags: [
|
||||
"Fragile", "Custom", "Boxes"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-wafer-slice-blue-wooden-board_114579-82268.jpg", imageAlt: "Packing materials and supplies"},
|
||||
]}
|
||||
title="Our Comprehensive Services"
|
||||
description="Discover the wide range of solutions Clemco Postal offers to streamline your tasks and support your business."
|
||||
@@ -184,65 +127,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "express-shipping",
|
||||
brand: "Clemco Fast",
|
||||
name: "Express National Shipping",
|
||||
price: "Starting at $15",
|
||||
rating: 5,
|
||||
reviewCount: "250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432362.jpg",
|
||||
imageAlt: "Express shipping concept",
|
||||
},
|
||||
id: "express-shipping", brand: "Clemco Fast", name: "Express National Shipping", price: "Starting at $15", rating: 5,
|
||||
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432362.jpg", imageAlt: "Express shipping concept"},
|
||||
{
|
||||
id: "international-mail",
|
||||
brand: "Clemco Global",
|
||||
name: "International Mail & Parcels",
|
||||
price: "Starting at $20",
|
||||
rating: 4,
|
||||
reviewCount: "180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172489.jpg",
|
||||
imageAlt: "International mail globe",
|
||||
},
|
||||
id: "international-mail", brand: "Clemco Global", name: "International Mail & Parcels", price: "Starting at $20", rating: 4,
|
||||
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172489.jpg", imageAlt: "International mail globe"},
|
||||
{
|
||||
id: "document-printing",
|
||||
brand: "Clemco Print",
|
||||
name: "High-Quality Document Printing",
|
||||
price: "From $0.10/page",
|
||||
rating: 5,
|
||||
reviewCount: "320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088784.jpg",
|
||||
imageAlt: "Stack of printed documents",
|
||||
},
|
||||
id: "document-printing", brand: "Clemco Print", name: "High-Quality Document Printing", price: "From $0.10/page", rating: 5,
|
||||
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/still-life-documents-stack_23-2151088784.jpg", imageAlt: "Stack of printed documents"},
|
||||
{
|
||||
id: "marketing-materials",
|
||||
brand: "Clemco Design",
|
||||
name: "Custom Marketing Materials",
|
||||
price: "Inquire for quote",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pa90dt",
|
||||
imageAlt: "Marketing flyers and brochures",
|
||||
},
|
||||
id: "marketing-materials", brand: "Clemco Design", name: "Custom Marketing Materials", price: "Inquire for quote", rating: 5,
|
||||
reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pa90dt", imageAlt: "Marketing flyers and brochures"},
|
||||
{
|
||||
id: "virtual-mailbox",
|
||||
brand: "Clemco Connect",
|
||||
name: "Virtual Mailbox Service",
|
||||
price: "$29/month",
|
||||
rating: 4,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/touching-future-email-interface_23-2151964652.jpg",
|
||||
imageAlt: "Virtual mailbox on tablet",
|
||||
},
|
||||
id: "virtual-mailbox", brand: "Clemco Connect", name: "Virtual Mailbox Service", price: "$29/month", rating: 4,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/touching-future-email-interface_23-2151964652.jpg", imageAlt: "Virtual mailbox on tablet"},
|
||||
{
|
||||
id: "packaging-expertise",
|
||||
brand: "Clemco Pack",
|
||||
name: "Expert Packaging Services",
|
||||
price: "Starting at $5",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-tying-present_23-2147936848.jpg",
|
||||
imageAlt: "Hands expertly wrapping a package",
|
||||
},
|
||||
id: "packaging-expertise", brand: "Clemco Pack", name: "Expert Packaging Services", price: "Starting at $5", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-tying-present_23-2147936848.jpg", imageAlt: "Hands expertly wrapping a package"},
|
||||
]}
|
||||
title="Detailed Service Offerings"
|
||||
description="Explore our specialized services designed to meet your every demand, from urgent deliveries to intricate printing projects."
|
||||
@@ -256,29 +157,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "packages",
|
||||
icon: Truck,
|
||||
title: "Packages Delivered Annually",
|
||||
value: "500,000+",
|
||||
},
|
||||
id: "packages", icon: Truck,
|
||||
title: "Packages Delivered Annually", value: "500,000+"},
|
||||
{
|
||||
id: "years",
|
||||
icon: CalendarDays,
|
||||
title: "Years in Service",
|
||||
value: "20+",
|
||||
},
|
||||
id: "years", icon: CalendarDays,
|
||||
title: "Years in Service", value: "20+"},
|
||||
{
|
||||
id: "customers",
|
||||
icon: Users,
|
||||
title: "Satisfied Customers",
|
||||
value: "10,000+",
|
||||
},
|
||||
id: "customers", icon: Users,
|
||||
title: "Satisfied Customers", value: "10,000+"},
|
||||
{
|
||||
id: "printjobs",
|
||||
icon: Printer,
|
||||
title: "Print Jobs Completed",
|
||||
value: "25,000+",
|
||||
},
|
||||
id: "printjobs", icon: Printer,
|
||||
title: "Print Jobs Completed", value: "25,000+"},
|
||||
]}
|
||||
title="Clemco by the Numbers"
|
||||
description="Our commitment to excellence and customer satisfaction is clearly reflected in our impressive achievements."
|
||||
@@ -293,50 +182,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Small Business Owner",
|
||||
company: "Bloom Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-salesman-smiling-showing-phone-signs-asking-give-him-call-giving-his-number-standing_1258-173662.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Small Business Owner", company: "Bloom Boutique", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-salesman-smiling-showing-phone-signs-asking-give-him-call-giving-his-number-standing_1258-173662.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Marketing Director",
|
||||
company: "Innovate Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097919.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Marketing Director", company: "Innovate Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-work_23-2149097919.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Local Resident",
|
||||
company: "Community Member",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371196.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Local Resident", company: "Community Member", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371196.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Graphic Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-happily-showing-fashion-illustration-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-525.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Graphic Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-woman-with-dark-curly-hair-sitting-table-happily-showing-fashion-illustration-laptop-while-spending-time-modern-cozy-workshop-with-big-windows_574295-525.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "E-commerce Manager",
|
||||
company: "Global Goods",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-talking-about-their-work_23-2148976262.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "E-commerce Manager", company: "Global Goods", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-talking-about-their-work_23-2148976262.jpg", imageAlt: "Jessica Lee"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from businesses and individuals who trust Clemco Postal for their shipping, printing, and mailbox needs."
|
||||
@@ -349,25 +208,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What shipping options do you offer?",
|
||||
content: "We offer a range of shipping options including standard, express, and international services. We can help you choose the best fit for your needs and budget.",
|
||||
},
|
||||
id: "faq1", title: "What shipping options do you offer?", content: "We offer a range of shipping options including standard, express, and international services. We can help you choose the best fit for your needs and budget."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I rent a mailbox for my business?",
|
||||
content: "Yes, we provide secure mailbox rentals for both personal and business use, including virtual mailbox services that allow you to manage your mail remotely.",
|
||||
},
|
||||
id: "faq2", title: "Can I rent a mailbox for my business?", content: "Yes, we provide secure mailbox rentals for both personal and business use, including virtual mailbox services that allow you to manage your mail remotely."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What printing services are available?",
|
||||
content: "Our printing services include high-quality document printing, custom marketing materials (flyers, brochures, business cards), and large format printing. Come in or send us your files!",
|
||||
},
|
||||
id: "faq3", title: "What printing services are available?", content: "Our printing services include high-quality document printing, custom marketing materials (flyers, brochures, business cards), and large format printing. Come in or send us your files!"},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Do you offer packing services?",
|
||||
content: "Absolutely! Our experts can professionally pack your items, especially fragile or valuable ones, to ensure they arrive safely at their destination. We also sell a variety of packing supplies.",
|
||||
},
|
||||
id: "faq4", title: "Do you offer packing services?", content: "Absolutely! Our experts can professionally pack your items, especially fragile or valuable ones, to ensure they arrive safely at their destination. We also sell a variety of packing supplies."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-worker-creating-support-ticket-customer-calling-solve-issue_482257-118022.jpg"
|
||||
imageAlt="Customer service representative"
|
||||
@@ -383,8 +230,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="How Can We Help You Today?"
|
||||
description="Have questions, need a custom quote, or ready to ship? Reach out to our friendly team and we'll be happy to assist you."
|
||||
@@ -402,49 +248,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Shipping", href: "#services"},
|
||||
{
|
||||
label: "Printing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Printing", href: "#services"},
|
||||
{
|
||||
label: "Mailboxes",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Mailboxes", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -454,4 +282,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user