Update src/app/page.tsx
This commit is contained in:
282
src/app/page.tsx
282
src/app/page.tsx
@@ -34,33 +34,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
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/infographics-with-gray-background_1268-107.jpg"
|
||||
logoAlt="Brandbase Printing Shop Logo"
|
||||
@@ -68,51 +54,28 @@ export default function LandingPage() {
|
||||
bottomLeftText="Quality Prints, Every Time"
|
||||
bottomRightText="info@brandbase.com"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Printing Excellence for Your Brand's Success"
|
||||
description="At Brandbase Printing Shop, we transform your vision into tangible, high-quality prints that captivate and communicate. Experience unmatched precision and service."
|
||||
tag="Crafting Impressions, Building Brands"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore Services", href: "#services"},
|
||||
{
|
||||
text: "Get a Custom Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Custom Quote", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-plant-engineer-hardhat-glasses-standing-industrial-machine-using-digital-device_74855-16385.jpg",
|
||||
imageAlt: "Close-up of a modern printing machine in operation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-haired-male-plant-engineer-hardhat-glasses-standing-industrial-machine-using-digital-device_74855-16385.jpg", imageAlt: "Close-up of a modern printing machine in operation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-swatches-with-leaves-others_8353-11361.jpg",
|
||||
imageAlt: "Graphic designer working on a detailed print project",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278560.jpg",
|
||||
imageAlt: "Tiler working on renovation of apartment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cmyk-toners-assortment_23-2149120694.jpg",
|
||||
imageAlt: "Still life cmyk toners assortment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cmyk-toners-composition_23-2149120699.jpg",
|
||||
imageAlt: "Still life cmyk toners composition",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-swatches-with-leaves-others_8353-11361.jpg", imageAlt: "Graphic designer working on a detailed print project"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -142,34 +105,22 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Award,
|
||||
title: "High-Quality Materials",
|
||||
description: "We use only premium paper stocks and durable inks for vibrant, long-lasting results that reflect your brand's quality.",
|
||||
},
|
||||
title: "High-Quality Materials", description: "We use only premium paper stocks and durable inks for vibrant, long-lasting results that reflect your brand's quality."},
|
||||
{
|
||||
icon: Settings,
|
||||
title: "Custom Design & Finishing",
|
||||
description: "From bespoke designs to unique finishes like embossing and foil stamping, we tailor every detail to your specific needs.",
|
||||
},
|
||||
title: "Custom Design & Finishing", description: "From bespoke designs to unique finishes like embossing and foil stamping, we tailor every detail to your specific needs."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast & Reliable Delivery",
|
||||
description: "Timely production and efficient delivery ensure your prints arrive exactly when and where you need them, without compromise.",
|
||||
},
|
||||
title: "Fast & Reliable Delivery", description: "Timely production and efficient delivery ensure your prints arrive exactly when and where you need them, without compromise."},
|
||||
{
|
||||
icon: Cog,
|
||||
title: "Eco-Friendly Practices",
|
||||
description: "Committed to sustainability, we employ environmentally responsible printing methods and materials whenever possible.",
|
||||
},
|
||||
title: "Eco-Friendly Practices", description: "Committed to sustainability, we employ environmentally responsible printing methods and materials whenever possible."},
|
||||
{
|
||||
icon: Layers,
|
||||
title: "Versatile Product Range",
|
||||
description: "Whether it's business cards, brochures, banners, or custom packaging, our diverse capabilities cover all your printing needs.",
|
||||
},
|
||||
title: "Versatile Product Range", description: "Whether it's business cards, brochures, banners, or custom packaging, our diverse capabilities cover all your printing needs."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Exceptional Customer Support",
|
||||
description: "Our dedicated team provides personalized support, guiding you through every step of the printing process for a smooth experience.",
|
||||
},
|
||||
title: "Exceptional Customer Support", description: "Our dedicated team provides personalized support, guiding you through every step of the printing process for a smooth experience."},
|
||||
]}
|
||||
title="Our Premium Printing Services"
|
||||
description="Discover a comprehensive range of printing solutions designed to elevate your brand's presence and impact."
|
||||
@@ -185,47 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elegant Brochures",
|
||||
price: "Starting at $199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cmyk-rgb-colour-colorscheme-creativity-concept_53876-120441.jpg",
|
||||
imageAlt: "Stack of elegant marketing brochures",
|
||||
},
|
||||
id: "p1", name: "Elegant Brochures", price: "Starting at $199", imageSrc: "http://img.b2bpic.net/free-photo/cmyk-rgb-colour-colorscheme-creativity-concept_53876-120441.jpg", imageAlt: "Stack of elegant marketing brochures"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Business Cards",
|
||||
price: "Starting at $79",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-design_1369-5.jpg",
|
||||
imageAlt: "Mock-up of luxury business cards with unique finishes",
|
||||
},
|
||||
id: "p2", name: "Premium Business Cards", price: "Starting at $79", imageSrc: "http://img.b2bpic.net/free-vector/abstract-business-card-design_1369-5.jpg", imageAlt: "Mock-up of luxury business cards with unique finishes"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Product Packaging",
|
||||
price: "Starting at $299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198126.jpg",
|
||||
imageAlt: "Branded custom product packaging boxes",
|
||||
},
|
||||
id: "p3", name: "Custom Product Packaging", price: "Starting at $299", imageSrc: "http://img.b2bpic.net/free-photo/still-life-food-delivery_23-2149198126.jpg", imageAlt: "Branded custom product packaging boxes"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Large Format Banners",
|
||||
price: "Starting at $149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/advertising-panel-near-forest_23-2147714950.jpg",
|
||||
imageAlt: "Large format promotional banner for an event",
|
||||
},
|
||||
id: "p4", name: "Large Format Banners", price: "Starting at $149", imageSrc: "http://img.b2bpic.net/free-photo/advertising-panel-near-forest_23-2147714950.jpg", imageAlt: "Large format promotional banner for an event"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Artistic Posters",
|
||||
price: "Starting at $59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hanging-frame-leaf-print-painting-wall_53876-132028.jpg",
|
||||
imageAlt: "Collection of artistic posters displayed",
|
||||
},
|
||||
id: "p5", name: "Artistic Posters", price: "Starting at $59", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hanging-frame-leaf-print-painting-wall_53876-132028.jpg", imageAlt: "Collection of artistic posters displayed"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Branded Labels & Stickers",
|
||||
price: "Starting at $49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-inventor-working-new-creation_23-2149067254.jpg",
|
||||
imageAlt: "Various custom branded labels and stickers",
|
||||
},
|
||||
id: "p6", name: "Branded Labels & Stickers", price: "Starting at $49", imageSrc: "http://img.b2bpic.net/free-photo/female-inventor-working-new-creation_23-2149067254.jpg", imageAlt: "Various custom branded labels and stickers"},
|
||||
]}
|
||||
title="Our Printing Portfolio"
|
||||
description="Explore a selection of our finest printing projects that showcase our dedication to quality and craftsmanship."
|
||||
@@ -238,14 +159,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Innovations",
|
||||
"Global Dynamics",
|
||||
"Urban Retail Group",
|
||||
"Elite Education",
|
||||
"HealthFirst Network",
|
||||
"Horizon Properties",
|
||||
"Gourmet Bites",
|
||||
]}
|
||||
"Apex Innovations", "Global Dynamics", "Urban Retail Group", "Elite Education", "HealthFirst Network", "Horizon Properties", "Gourmet Bites"]}
|
||||
title="Trusted by Leading Brands"
|
||||
description="We're proud to partner with a diverse range of clients, from innovative startups to established enterprises, helping them achieve their printing goals."
|
||||
tag="Our Collaborators"
|
||||
@@ -259,73 +173,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "Marketing Director",
|
||||
company: "Innovate Digital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg",
|
||||
imageAlt: "Sarah Chen, Marketing Director",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", role: "Marketing Director", company: "Innovate Digital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg", imageAlt: "Sarah Chen, Marketing Director"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Rodriguez",
|
||||
role: "CEO",
|
||||
company: "Growth Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman_23-2148911836.jpg",
|
||||
imageAlt: "Michael Rodriguez, CEO",
|
||||
},
|
||||
id: "t2", name: "Michael Rodriguez", role: "CEO", company: "Growth Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman_23-2148911836.jpg", imageAlt: "Michael Rodriguez, CEO"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Watson",
|
||||
role: "Brand Manager",
|
||||
company: "Creative Spark",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-woman-adjusting-glasses-table_1262-3873.jpg",
|
||||
imageAlt: "Emily Watson, Brand Manager",
|
||||
},
|
||||
id: "t3", name: "Emily Watson", role: "Brand Manager", company: "Creative Spark", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-woman-adjusting-glasses-table_1262-3873.jpg", imageAlt: "Emily Watson, Brand Manager"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Lee",
|
||||
role: "Operations Lead",
|
||||
company: "Pro Logistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077680.jpg",
|
||||
imageAlt: "David Lee, Operations Lead",
|
||||
},
|
||||
id: "t4", name: "David Lee", role: "Operations Lead", company: "Pro Logistics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077680.jpg", imageAlt: "David Lee, Operations Lead"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Kim",
|
||||
role: "Art Director",
|
||||
company: "Pixel Perfect Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346504.jpg",
|
||||
imageAlt: "Jessica Kim, Art Director",
|
||||
},
|
||||
id: "t5", name: "Jessica Kim", role: "Art Director", company: "Pixel Perfect Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346504.jpg", imageAlt: "Jessica Kim, Art Director"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Robert Green",
|
||||
role: "Small Business Owner",
|
||||
company: "Green Leaf Organics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924145.jpg",
|
||||
imageAlt: "Robert Green, Small Business Owner",
|
||||
},
|
||||
id: "t6", name: "Robert Green", role: "Small Business Owner", company: "Green Leaf Organics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924145.jpg", imageAlt: "Robert Green, Small Business Owner"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years in Business",
|
||||
},
|
||||
value: "10+", label: "Years in Business"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Customer Satisfaction"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
value: "500+", label: "Successful Projects"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about their experience working with Brandbase Printing Shop."
|
||||
@@ -341,25 +213,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100K+",
|
||||
description: "Prints Delivered Annually",
|
||||
},
|
||||
id: "m1", value: "100K+", description: "Prints Delivered Annually"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "On-Time Delivery Rate",
|
||||
},
|
||||
id: "m2", value: "99.9%", description: "On-Time Delivery Rate"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "2000+",
|
||||
description: "Satisfied Business Clients",
|
||||
},
|
||||
id: "m3", value: "2000+", description: "Satisfied Business Clients"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "50+",
|
||||
description: "Industry Awards Won",
|
||||
},
|
||||
id: "m4", value: "50+", description: "Industry Awards Won"},
|
||||
]}
|
||||
title="Our Impressive Track Record"
|
||||
description="Numbers speak louder than words. Discover the impact and reliability behind Brandbase Printing Shop."
|
||||
@@ -373,30 +233,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What types of printing services do you offer?",
|
||||
content: "We offer a comprehensive range of printing services including business cards, brochures, flyers, posters, banners, custom packaging, labels, and more. We cater to both small businesses and large corporations.",
|
||||
},
|
||||
id: "faq1", title: "What types of printing services do you offer?", content: "We offer a comprehensive range of printing services including business cards, brochures, flyers, posters, banners, custom packaging, labels, and more. We cater to both small businesses and large corporations."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is your typical turnaround time?",
|
||||
content: "Turnaround times vary depending on the complexity and volume of your order. Standard orders typically range from 3-7 business days, with expedited options available upon request. Please contact us for a specific timeline.",
|
||||
},
|
||||
id: "faq2", title: "What is your typical turnaround time?", content: "Turnaround times vary depending on the complexity and volume of your order. Standard orders typically range from 3-7 business days, with expedited options available upon request. Please contact us for a specific timeline."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can I request a custom design?",
|
||||
content: "Absolutely! Our team of experienced designers can work with you to create custom designs that perfectly match your brand vision and printing requirements. We also accept your print-ready files.",
|
||||
},
|
||||
id: "faq3", title: "Can I request a custom design?", content: "Absolutely! Our team of experienced designers can work with you to create custom designs that perfectly match your brand vision and printing requirements. We also accept your print-ready files."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Do you offer eco-friendly printing options?",
|
||||
content: "Yes, we are committed to sustainability. We offer a variety of recycled paper options, soy-based inks, and environmentally responsible printing processes to minimize our ecological footprint.",
|
||||
},
|
||||
id: "faq4", title: "Do you offer eco-friendly printing options?", content: "Yes, we are committed to sustainability. We offer a variety of recycled paper options, soy-based inks, and environmentally responsible printing processes to minimize our ecological footprint."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "How do I get a quote for my printing project?",
|
||||
content: "You can easily request a quote by filling out the form on our 'Contact Us' page, emailing us directly, or calling our customer service line. Please provide as much detail as possible for an accurate estimate.",
|
||||
},
|
||||
id: "faq5", title: "How do I get a quote for my printing project?", content: "You can easily request a quote by filling out the form on our 'Contact Us' page, emailing us directly, or calling our customer service line. Please provide as much detail as possible for an accurate estimate."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our printing services, processes, and policies."
|
||||
@@ -409,18 +254,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to bring your brand to life with stunning prints? Contact Brandbase Printing Shop today for a personalized consultation and a free quote. Let's create something extraordinary together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Your Free Quote", href: "#"},
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -434,24 +274,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/brandbase",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/brandbase", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/brandbase",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/brandbase", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/brandbase",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/brandbase", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/brandbase",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/brandbase", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user