166 lines
8.4 KiB
TypeScript
166 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "About", id: "#about" },
|
|
{ name: "Features", id: "#features" },
|
|
{ name: "Pricing", id: "#pricing" },
|
|
{ name: "Contact", id: "#contact" },
|
|
]}
|
|
brandName="ProBiz"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Your Solution Starts Here Today"
|
|
description="We deliver results that matter Discover how in seconds"
|
|
tag="Innovative Solutions"
|
|
buttons={[{ text: "Get Started Now", href: "#contact" }]}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/furious-displeased-director-throwing-paperwork-her-business-staff_482257-118739.jpg", imageAlt: "Business team collaboration" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-glasses-with-executives-background_1098-2305.jpg", imageAlt: "Corporate meeting strategy" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Rated 5/5 by 500+ satisfied clients"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Who We Are"
|
|
description="We are a team of dedicated professionals focused on delivering measurable results. Our mission is to bridge the gap between complexity and success for your business."
|
|
imageSrc="http://img.b2bpic.net/free-photo/boardroom-office-space-with-desks-stationary-tools-used-everyday-executive-tasks-company-department-place-empty-startup-coworking-space-small-business-decorations_482257-70394.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNineteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ tag: "Core", title: "Speed", subtitle: "Fast execution", description: "Get results in minutes, not months.", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" },
|
|
{ tag: "Data", title: "Analytics", subtitle: "Insightful data", description: "Make informed decisions with our tools.", imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg" },
|
|
{ tag: "Growth", title: "Partnership", subtitle: "Supportive team", description: "We grow alongside your company.", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-people-using-smartphones_53876-20877.jpg" }
|
|
]}
|
|
title="Why Choose Us"
|
|
description="Powerful capabilities to scale your business."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Alpha Corp", "Beta Labs", "Gamma Inc", "Delta Co", "Epsilon Group", "Zeta Tech", "Eta Global"]}
|
|
title="Trusted by Leaders"
|
|
description="Joining forces with industry experts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Standard Package", price: "$99", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/snack-bar_187299-45780.jpg" },
|
|
{ id: "2", name: "Pro Kit", price: "$299", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512224.jpg" },
|
|
{ id: "3", name: "Expert Bundle", price: "$499", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-corporate-identity-template_93675-130788.jpg" },
|
|
{ id: "4", name: "Enterprise Plan", price: "$999", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-back-school-concept_23-2148586736.jpg" },
|
|
{ id: "5", name: "Essential Set", price: "$150", variant: "Basic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0pqeki" },
|
|
{ id: "6", name: "Growth Suite", price: "$799", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-vector/orange-red-stationery-design_1051-695.jpg" }
|
|
]}
|
|
title="Our Offerings"
|
|
description="Explore our professional solutions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{ id: "p1", tag: "Starter", price: "$49", period: "mo", description: "Good for beginners.", button: { text: "Select", href: "#contact" }, featuresTitle: "Included", features: ["Feature A", "Feature B", "Feature C"] },
|
|
{ id: "p2", tag: "Pro", price: "$149", period: "mo", description: "Best for growth.", button: { text: "Select", href: "#contact" }, featuresTitle: "Included", features: ["Feature A", "Feature B", "Feature C", "Feature D"] },
|
|
{ id: "p3", tag: "Elite", price: "$299", period: "mo", description: "For scaling businesses.", button: { text: "Select", href: "#contact" }, featuresTitle: "Included", features: ["All Features", "24/7 Support"] }
|
|
]}
|
|
title="Simple Pricing"
|
|
description="Select the plan that works best for you."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
|
|
{ id: "2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-young-man-sitting-armchair-against-grey-wall_23-2148130370.jpg" },
|
|
{ id: "3", name: "Charlie Davis", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg" },
|
|
{ id: "4", name: "Diana Ross", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-laptop-looking-away_23-2148317298.jpg" },
|
|
{ id: "5", name: "Edward Norton", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswoman-showing-winning-gesture_1262-4730.jpg" }
|
|
]}
|
|
cardTitle="Client Voices"
|
|
cardTag="Testimonials"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Contact Us"
|
|
title="Get In Touch"
|
|
description="Questions? Reach out and we will respond shortly."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
|
]}
|
|
bottomLeftText="© 2024 ProBiz. All rights reserved."
|
|
bottomRightText="Built with quality."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |