200 lines
14 KiB
TypeScript
200 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Cash Markers"
|
|
logoSrc="http://img.b2bpic.net/free-vector/creative-flat-design-glass-logo-template_23-2149008100.jpg"
|
|
logoAlt="Cash Markers Logo"
|
|
navItems={[
|
|
{ name: "Home", id: "#home" },
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Services", id: "#services" },
|
|
{ name: "Products", id: "#products" },
|
|
{ name: "Testimonials", id: "#testimonials" },
|
|
{ name: "FAQ", id: "#faq" },
|
|
{ name: "Contact", id: "#contact" }
|
|
]}
|
|
button={{
|
|
text: "Visit Us", href: "https://maps.app.goo.gl/pBSjyUV6ABYvBfUs8"
|
|
}}
|
|
/>
|
|
</div>
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Instant Cash Solutions for Your Everyday Needs"
|
|
description="Cash Markers provides fast, secure, and reliable financial services when you need them most. Get quick access to your funds with our convenient solutions."
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
buttons={[
|
|
{ text: "Get Started", href: "#services" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
carouselItems={[
|
|
{ id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartphone-atm_23-2148264023.jpg", imageAlt: "Happy customer cashing a check at a counter" },
|
|
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/still-life-arrangement-with-cryptocurrency_23-2149102137.jpg", imageAlt: "Cashier assisting a client with a money order transaction" },
|
|
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-with-its-smartphone-wallet-app_23-2149167248.jpg", imageAlt: "Person paying bills at a convenient kiosk" },
|
|
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-businesswoman-holding-money-sitting-table-workplace_176420-6998.jpg", imageAlt: "Secure check cashing process with cash being handed over" },
|
|
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/golden-coins-include-dollar-yen-yuan-euro-ruble-won-pound-sterling-with-mobile-phone-frame-currency-exchange-forex-trading-concept-by-3d-render-illustration_616485-119.jpg", imageAlt: "Money transfer being processed for global reach" },
|
|
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-happy-boss-day-concept_23-2148586416.jpg", imageAlt: "Bank notes being counted by a machine for secure handling" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
ariaLabel="Hero section with rotating carousel of financial services"
|
|
/>
|
|
</div>
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Your Trusted Partner for Financial Convenience" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-15664.jpg", alt: "Friendly cashier assisting a customer with a transaction" }
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Our Story", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
title="Seamless Financial Services Tailored for You"
|
|
description="Discover our comprehensive suite of services designed to make your financial life simpler and more convenient. From check cashing to money orders, we've got you covered."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "Check Cashing", tags: ["Fast", "Secure"], imageSrc: "http://img.b2bpic.net/free-photo/best-quality-guarantee-assurance-concept_53876-124049.jpg", imageAlt: "Stack of checks on a counter" },
|
|
{ id: "f2", title: "Money Orders", tags: ["Reliable", "Convenient"], imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-black-globe_181624-1536.jpg", imageAlt: "Money order slip with a pen" },
|
|
{ id: "f3", title: "Bill Payment", tags: ["Easy", "Efficient"], imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-long-hair-wearing-colorful-dress-holding-clipboard-looking-blank-pages-intrigued_141793-28838.jpg", imageAlt: "Hand holding a utility bill" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Explore Our Full Range of Cash Services"
|
|
description="We offer a variety of services to meet your immediate financial requirements. Each service is designed for speed, security, and your peace of mind."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
products={[
|
|
{ id: "p1", brand: "Check Cashing", name: "Payroll Checks", price: "Low Fees", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/pay-day-salary-income-paycheck-wages-payments-concept_53876-128037.jpg", imageAlt: "Payroll check stub" },
|
|
{ id: "p2", brand: "Check Cashing", name: "Government Checks", price: "Transparent Rates", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartphone-money-graphs-charts-workplace-office-business-concept_1150-2269.jpg", imageAlt: "Government check document" },
|
|
{ id: "p3", brand: "Check Cashing", name: "Tax Refund Checks", price: "Quick Processing", rating: 5, reviewCount: "95+", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-alarm-clock-cash-surprised_141793-37081.jpg", imageAlt: "Tax refund form" },
|
|
{ id: "p4", brand: "Check Cashing", name: "Personal Checks", price: "Guaranteed Access", rating: 4, reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039419.jpg", imageAlt: "Personal handwritten check" },
|
|
{ id: "p5", brand: "Bill Payment", name: "Utility Bill Pay", price: "Convenient Options", rating: 5, reviewCount: "85+", imageSrc: "http://img.b2bpic.net/free-photo/unhappy-stressed-young-female-dressed-casually-doing-domestic-budget-paying-bills-online-using-laptop-pc-sitting-table-with-documents-calculator-holding-paper-reading-it-attentively_273609-1685.jpg", imageAlt: "Electricity bill and water bill" },
|
|
{ id: "p6", brand: "Money Orders", name: "Money Transfers", price: "Global Reach", rating: 4, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/3d-earth-planet-shape_23-2151134025.jpg", imageAlt: "Money transfer receipt" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Our Commitment to Your Financial Success"
|
|
description="We take pride in our service excellence and the trust our customers place in us. See how we've helped our community thrive."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "$1M+", title: "Processed Transactions", items: ["Safely handled", "Securely delivered"] },
|
|
{ id: "m2", value: "5000+", title: "Happy Customers", items: ["Building trust daily", "Community focused"] },
|
|
{ id: "m3", value: "10 Years+", title: "In Business", items: ["Experienced team", "Reliable service"] }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Our Valued Customers Say"
|
|
description="Hear from individuals who have experienced the speed, convenience, and reliability of Cash Markers' financial services."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sarah Johnson", role: "Small Business Owner", testimonial: "Cash Markers makes payroll easy! Fast and reliable service every time. Highly recommend for any business owner.", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167740.jpg", imageAlt: "Portrait of Sarah Johnson" },
|
|
{ id: "t2", name: "Michael Chen", role: "Freelancer", testimonial: "As a freelancer, quick access to my funds is crucial. Cash Markers always delivers with exceptional speed and security.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Portrait of Michael Chen" },
|
|
{ id: "t3", name: "Emily Rodriguez", role: "Community Member", testimonial: "Paying bills is hassle-free with Cash Markers. Their friendly staff and efficient service make it a pleasure to visit.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-cup-showing-thumb-up_23-2148055893.jpg", imageAlt: "Portrait of Emily Rodriguez" },
|
|
{ id: "t4", name: "David Kim", role: "Student", testimonial: "I needed to send money home quickly, and Cash Markers offered the best rates and fastest service. Truly a lifesaver!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg", imageAlt: "Portrait of David Kim" },
|
|
{ id: "t5", name: "Linda Thompson", role: "Retiree", testimonial: "Their check cashing service is always reliable and secure. I trust Cash Markers with all my financial needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207196.jpg", imageAlt: "Portrait of Linda Thompson" }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions, Clear Answers"
|
|
description="Find quick answers to your questions about our services, policies, and how we can assist you."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="opacity"
|
|
faqsAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/call-center-information-operator-service-graphic-concept_53876-125036.jpg"
|
|
imageAlt="Person looking at a question mark icon"
|
|
faqs={[
|
|
{ id: "q1", title: "What types of checks do you cash?", content: "We cash a wide variety of checks including payroll, government, tax refund, and personal checks. Please visit us with your ID for verification." },
|
|
{ id: "q2", title: "Do I need an ID to cash a check?", content: "Yes, for your security and compliance, a valid government-issued photo ID is required for all check cashing services. This helps us protect your funds." },
|
|
{ id: "q3", title: "What are your service fees?", content: "Our fees are transparent and competitive. We strive to offer the best value for our services. Please ask our friendly staff for details on specific service fees when you visit our location." }
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Partnerships You Can Trust"
|
|
description="We collaborate with leading financial networks and service providers to ensure secure and efficient transactions for our customers."
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Financial Network Solutions", "SecurePay Group", "Global Money Exchange", "RapidFunds Inc.", "Local Business Guild", "TrustFlow Payments", "Universal Cash Alliance"
|
|
]}
|
|
/>
|
|
</div>
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get Started"
|
|
title="Visit Us Today for Instant Financial Solutions"
|
|
description="Our team is ready to assist you with all your cash service needs. Stop by our convenient location or contact us for more information."
|
|
buttons={[
|
|
{ text: "Get Directions", href: "https://maps.app.goo.gl/pBSjyUV6ABYvBfUs8" },
|
|
{ text: "Call Us Now", href: "tel:+1234567890" }
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Cash Markers"
|
|
logoSrc="http://img.b2bpic.net/free-vector/big-savings-poster-dark_1017-1102.jpg"
|
|
logoAlt="Cash Markers Logo"
|
|
columns={[
|
|
{ items: [{ label: "Home", href: "#home" }, { label: "About Us", href: "#about" }, { label: "Services", href: "#services" }, { label: "Products", href: "#products" }] },
|
|
{ items: [{ label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Directions", href: "https://maps.app.goo.gl/pBSjyUV6ABYvBfUs8" }] },
|
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|