294 lines
16 KiB
TypeScript
294 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Cog, Facebook, Heart, Instagram, Layers, Linkedin, Printer, Settings, Truck, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Portfolio", id: "#portfolio"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/infographics-with-gray-background_1268-107.jpg"
|
|
logoAlt="Brandbase Printing Shop Logo"
|
|
brandName="Brandbase Printing"
|
|
bottomLeftText="Quality Prints, Every Time"
|
|
bottomRightText="info@brandbase.com"
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
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: "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/there-are-swatches-with-leaves-others_8353-11361.jpg", imageAlt: "Graphic designer working on a detailed print project"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by businesses worldwide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="About Brandbase"
|
|
title="Your Partner in Premium Printing Solutions"
|
|
description="Brandbase Printing Shop is dedicated to delivering exceptional print quality and outstanding customer service. With state-of-the-art technology and a team of skilled professionals, we ensure every project meets the highest standards."
|
|
subdescription="We specialize in bespoke printing services, offering a wide range of options from elegant business cards and brochures to large-format banners and custom packaging. Our commitment to excellence makes us the preferred choice for businesses seeking to make a lasting impression."
|
|
icon={Printer}
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-reading-tarot-with-laptop_23-2150276106.jpg"
|
|
imageAlt="A diverse team collaborating in a modern printing office"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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."},
|
|
{
|
|
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."},
|
|
{
|
|
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."},
|
|
{
|
|
icon: Cog,
|
|
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."},
|
|
{
|
|
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="Our Premium Printing Services"
|
|
description="Discover a comprehensive range of printing solutions designed to elevate your brand's presence and impact."
|
|
tag="What We Offer"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
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: "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: "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: "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."
|
|
tag="See Our Work"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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: "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: "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: "99%", label: "Customer Satisfaction"},
|
|
{
|
|
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."
|
|
tag="Client Success"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "100K+", description: "Prints Delivered Annually"},
|
|
{
|
|
id: "m2", value: "99.9%", description: "On-Time Delivery Rate"},
|
|
{
|
|
id: "m3", value: "2000+", description: "Satisfied Business Clients"},
|
|
{
|
|
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."
|
|
tag="By the Numbers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
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: "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: "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."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our printing services, processes, and policies."
|
|
tag="Quick Answers"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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: "Call Us Now", href: "tel:+1234567890"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="http://img.b2bpic.net/free-vector/infographics-with-gray-background_1268-107.jpg"
|
|
logoAlt="Brandbase Printing Shop Logo"
|
|
logoText="Brandbase Printing"
|
|
copyrightText="© 2024 Brandbase Printing. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/brandbase", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/brandbase", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com/company/brandbase", ariaLabel: "LinkedIn"},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com/brandbase", ariaLabel: "Twitter"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|