|
|
|
|
@@ -2,6 +2,7 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import { Cpu, Zap, Target, Search } from "lucide-react";
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
|
|
|
@@ -22,7 +23,7 @@ export default function LandingPage() {
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="mediumSmall"
|
|
|
|
|
sizing="mediumLarge"
|
|
|
|
|
background="grid"
|
|
|
|
|
background="fluid"
|
|
|
|
|
cardStyle="gradient-radial"
|
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
@@ -32,26 +33,11 @@ export default function LandingPage() {
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Home",
|
|
|
|
|
id: "hero",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "About",
|
|
|
|
|
id: "about",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Services",
|
|
|
|
|
id: "features",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Pricing",
|
|
|
|
|
id: "pricing",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact",
|
|
|
|
|
id: "contact",
|
|
|
|
|
},
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Services", id: "features" },
|
|
|
|
|
{ name: "Pricing", id: "pricing" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="BusinessGrow"
|
|
|
|
|
/>
|
|
|
|
|
@@ -59,38 +45,14 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
background={{
|
|
|
|
|
variant: "plain",
|
|
|
|
|
}}
|
|
|
|
|
title="Your Business, Online Fast"
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
title="Smart Solutions, Online Today"
|
|
|
|
|
description="Professional, mobile-ready website templates built for growth. Customize in minutes, launch today—no coding required."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "Start Building",
|
|
|
|
|
href: "#contact",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "Start Building", href: "#contact" }]}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/employees-preparing-business-presentation_482257-124560.jpg",
|
|
|
|
|
imageAlt: "professional business office meeting",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-with-female-things_23-2147778845.jpg",
|
|
|
|
|
imageAlt: "clean office desk setup",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/statistic-documents-with-pensive-businessman-blurred-background_1098-290.jpg",
|
|
|
|
|
imageAlt: "abstract corporate growth charts",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/angry-screaming-executive-corporate-conference-meeting-room-because-financial-problem-meeting-room_482257-5042.jpg",
|
|
|
|
|
imageAlt: "Angry screaming executive corporate in conference meeting room because of financial problem in meeting room",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/chief-analyst-holding-meeting-presentation-team-economists-manager-showing-digital-interactive-whiteboard-with-growth-analysis-charts-statistics-data-diverse-people-working-broadroom_482257-13904.jpg",
|
|
|
|
|
imageAlt: "Chief analyst holding meeting presentation for a team of economists. Manager showing digital interactive whiteboard with growth analysis, charts, statistics, data, diverse people working in broadroom",
|
|
|
|
|
},
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/employees-preparing-business-presentation_482257-124560.jpg", imageAlt: "professional business office meeting" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-with-female-things_23-2147778845.jpg", imageAlt: "clean office desk setup" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/statistic-documents-with-pensive-businessman-blurred-background_1098-290.jpg", imageAlt: "abstract corporate growth charts" },
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
/>
|
|
|
|
|
@@ -113,27 +75,12 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Responsive Design",
|
|
|
|
|
description: "Beautiful, mobile-first layouts that look great on any device.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-learning-language-work-medium-shot_23-2149300732.jpg",
|
|
|
|
|
imageAlt: "People learning language at work medium shot",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "SEO Optimized",
|
|
|
|
|
description: "Semantic markup to ensure you rank high in search engines.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-accounting-financial-analysis-management-concept_53876-120908.jpg",
|
|
|
|
|
imageAlt: "Business Accounting Financial Analysis Management Concept",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Easy Customization",
|
|
|
|
|
description: "Modular blocks that you can rearrange and edit effortlessly.",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/technologies-near-clipboard-globe_23-2147772374.jpg",
|
|
|
|
|
imageAlt: "Technologies near clipboard and globe",
|
|
|
|
|
},
|
|
|
|
|
{ title: "Optimized Performance", description: "High-speed loading architecture", imageSrc: "http://img.b2bpic.net/free-photo/people-learning-language-work-medium-shot_23-2149300732.jpg", imageAlt: "performance icon" },
|
|
|
|
|
{ title: "Responsive Layouts", description: "Perfect mobile experience", imageSrc: "http://img.b2bpic.net/free-photo/business-accounting-financial-analysis-management-concept_53876-120908.jpg", imageAlt: "responsive icon" },
|
|
|
|
|
{ title: "Modern Tooling", description: "Latest tech stack for scale", imageSrc: "http://img.b2bpic.net/free-photo/technologies-near-clipboard-globe_23-2147772374.jpg", imageAlt: "technology icon" },
|
|
|
|
|
]}
|
|
|
|
|
title="Why Choose Our Templates"
|
|
|
|
|
description="Everything you need to launch professional, high-performing websites quickly."
|
|
|
|
|
title="Modern Digital Services"
|
|
|
|
|
description="Expertly crafted tools designed to modernize your online footprint."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -144,54 +91,9 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="one-large-left-three-stacked-right"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
name: "Strategy Planning",
|
|
|
|
|
price: "$199",
|
|
|
|
|
variant: "Essential",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg",
|
|
|
|
|
imageAlt: "business consulting document",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
name: "Custom Software",
|
|
|
|
|
price: "$499",
|
|
|
|
|
variant: "Advanced",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg",
|
|
|
|
|
imageAlt: "software solution laptop",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
name: "Brand Identity",
|
|
|
|
|
price: "$299",
|
|
|
|
|
variant: "Essential",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-stationery-keyboard-coffee-cup_23-2148128429.jpg",
|
|
|
|
|
imageAlt: "professional project management",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
name: "Business Coaching",
|
|
|
|
|
price: "$150",
|
|
|
|
|
variant: "Basic",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-learning-together_23-2149300717.jpg",
|
|
|
|
|
imageAlt: "business coaching session",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
name: "Ongoing Support",
|
|
|
|
|
price: "$99",
|
|
|
|
|
variant: "Monthly",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-desk-with-mockup-smartphone_23-2148226860.jpg",
|
|
|
|
|
imageAlt: "client support headset",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6",
|
|
|
|
|
name: "Market Research",
|
|
|
|
|
price: "$250",
|
|
|
|
|
variant: "Insight",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-report-graphs-charts-business-concept_1150-2253.jpg",
|
|
|
|
|
imageAlt: "market analysis graph",
|
|
|
|
|
},
|
|
|
|
|
{ id: "1", name: "Consulting Strategy", price: "$199", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512195.jpg" },
|
|
|
|
|
{ id: "2", name: "Cloud Architecture", price: "$499", variant: "Advanced", imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-120040.jpg" },
|
|
|
|
|
{ id: "3", name: "Design Systems", price: "$299", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-stationery-keyboard-coffee-cup_23-2148128429.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Core Service Modules"
|
|
|
|
|
description="Pick and choose the service pages your business needs."
|
|
|
|
|
@@ -204,57 +106,11 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
plans={[
|
|
|
|
|
{
|
|
|
|
|
id: "basic",
|
|
|
|
|
title: "Starter",
|
|
|
|
|
price: "$499",
|
|
|
|
|
period: "/setup",
|
|
|
|
|
features: [
|
|
|
|
|
"1 page template",
|
|
|
|
|
"Mobile responsive",
|
|
|
|
|
"SEO basics",
|
|
|
|
|
],
|
|
|
|
|
button: {
|
|
|
|
|
text: "Select",
|
|
|
|
|
href: "#contact",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wood-working-table-business-report-analyze-chart-glasses-pen_1421-680.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "pro",
|
|
|
|
|
title: "Professional",
|
|
|
|
|
price: "$999",
|
|
|
|
|
period: "/setup",
|
|
|
|
|
features: [
|
|
|
|
|
"5 page templates",
|
|
|
|
|
"Custom branding",
|
|
|
|
|
"Speed optimization",
|
|
|
|
|
],
|
|
|
|
|
button: {
|
|
|
|
|
text: "Select",
|
|
|
|
|
href: "#contact",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149512198.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "enterprise",
|
|
|
|
|
title: "Growth",
|
|
|
|
|
price: "$1999",
|
|
|
|
|
period: "/setup",
|
|
|
|
|
features: [
|
|
|
|
|
"Unlimited templates",
|
|
|
|
|
"Priority support",
|
|
|
|
|
"E-commerce ready",
|
|
|
|
|
],
|
|
|
|
|
button: {
|
|
|
|
|
text: "Select",
|
|
|
|
|
href: "#contact",
|
|
|
|
|
},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blue-filing-cabinet-with-key_1156-636.jpg",
|
|
|
|
|
},
|
|
|
|
|
{ id: "basic", title: "Starter", price: "$499", period: "/setup", features: ["1 page", "Responsive", "SEO basics"], button: { text: "Select", href: "#contact" } },
|
|
|
|
|
{ id: "pro", title: "Professional", price: "$999", period: "/setup", features: ["5 pages", "Custom branding", "Speed opt"], button: { text: "Select", href: "#contact" } },
|
|
|
|
|
]}
|
|
|
|
|
title="Affordable Launch Plans"
|
|
|
|
|
description="Simple pricing to help your business get started."
|
|
|
|
|
title="Launch Plans"
|
|
|
|
|
description="Simple pricing for growing businesses."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -264,36 +120,12 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "m1",
|
|
|
|
|
value: "500+",
|
|
|
|
|
title: "Templates Deployed",
|
|
|
|
|
items: [
|
|
|
|
|
"Across various industries",
|
|
|
|
|
"Global reach",
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "m2",
|
|
|
|
|
value: "98%",
|
|
|
|
|
title: "Client Satisfaction",
|
|
|
|
|
items: [
|
|
|
|
|
"Dedicated support",
|
|
|
|
|
"Quality assurance",
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "m3",
|
|
|
|
|
value: "24h",
|
|
|
|
|
title: "Launch Time",
|
|
|
|
|
items: [
|
|
|
|
|
"Average deployment speed",
|
|
|
|
|
"Fast turn-around",
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{ id: "m1", value: "500+", title: "Templates", items: [] },
|
|
|
|
|
{ id: "m2", value: "98%", title: "Satisfaction", items: [] },
|
|
|
|
|
{ id: "m3", value: "24h", title: "Speed", items: [] },
|
|
|
|
|
]}
|
|
|
|
|
title="Proven Results"
|
|
|
|
|
description="Numbers that highlight our impact on client growth."
|
|
|
|
|
title="Proven Impact"
|
|
|
|
|
description="Data-backed growth metrics."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -302,49 +134,10 @@ export default function LandingPage() {
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1",
|
|
|
|
|
title: "Best choice ever",
|
|
|
|
|
quote: "The speed and quality of the templates saved me weeks.",
|
|
|
|
|
name: "Sarah J.",
|
|
|
|
|
role: "Owner",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2",
|
|
|
|
|
title: "Highly professional",
|
|
|
|
|
quote: "Finally, a platform that understands business needs.",
|
|
|
|
|
name: "Mark D.",
|
|
|
|
|
role: "CEO",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3",
|
|
|
|
|
title: "Ease of use",
|
|
|
|
|
quote: "I could customize the layout without writing a single line of code.",
|
|
|
|
|
name: "Emily R.",
|
|
|
|
|
role: "Founder",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-business-team-taking-selfie-outside_74855-2930.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4",
|
|
|
|
|
title: "Great value",
|
|
|
|
|
quote: "The SEO optimization really helped our local rankings.",
|
|
|
|
|
name: "David K.",
|
|
|
|
|
role: "Manager",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5",
|
|
|
|
|
title: "Game changer",
|
|
|
|
|
quote: "We launched our agency site in less than a day.",
|
|
|
|
|
name: "Chloe T.",
|
|
|
|
|
role: "Director",
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg",
|
|
|
|
|
},
|
|
|
|
|
{ id: "1", title: "Excellent", quote: "Saved me weeks of development time.", name: "Sarah J.", role: "Owner", imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Loved by Business Owners"
|
|
|
|
|
description="See how we help businesses transform their digital presence."
|
|
|
|
|
title="Loved by Leaders"
|
|
|
|
|
description="Hear from our successful clients."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -352,25 +145,9 @@ export default function LandingPage() {
|
|
|
|
|
<FaqBase
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "q1",
|
|
|
|
|
title: "Is coding knowledge required?",
|
|
|
|
|
content: "No, our templates are built for ease of use.",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "q2",
|
|
|
|
|
title: "Can I use my own domain?",
|
|
|
|
|
content: "Absolutely, link any domain easily.",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "q3",
|
|
|
|
|
title: "Are these SEO friendly?",
|
|
|
|
|
content: "Yes, we focus on semantic structure and speed.",
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="Frequently Asked Questions"
|
|
|
|
|
description="Clear answers to help you get started."
|
|
|
|
|
faqs={[{ id: "q1", title: "Is coding required?", content: "No, it is no-code." }]}
|
|
|
|
|
title="FAQs"
|
|
|
|
|
description="Answers to your questions."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -378,28 +155,18 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplit
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "plain",
|
|
|
|
|
}}
|
|
|
|
|
tag="Get Started"
|
|
|
|
|
title="Ready to Grow?"
|
|
|
|
|
description="Let's build something great together. Enter your email to begin your journey."
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-101125.jpg"
|
|
|
|
|
imageAlt="modern office phone conversation"
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
tag="Contact"
|
|
|
|
|
title="Ready to Start?"
|
|
|
|
|
description="Let's build together."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoReveal
|
|
|
|
|
logoText="BusinessGrow"
|
|
|
|
|
leftLink={{
|
|
|
|
|
text: "Privacy Policy",
|
|
|
|
|
href: "#",
|
|
|
|
|
}}
|
|
|
|
|
rightLink={{
|
|
|
|
|
text: "Terms & Conditions",
|
|
|
|
|
href: "#",
|
|
|
|
|
}}
|
|
|
|
|
leftLink={{ text: "Privacy", href: "#" }}
|
|
|
|
|
rightLink={{ text: "Terms", href: "#" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
|
