Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| edc23d9e0b | |||
| efc45b2a83 | |||
| 65d18c75fc | |||
| dff92927ac | |||
| 1368715cbf | |||
| 5aa84da87d | |||
| 5df1dcf527 | |||
| a3c96dcc82 | |||
| 34a22f7975 |
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Lato } from "next/font/google";
|
import { Lato } from "next/font/google";
|
||||||
|
import { Montserrat } from "next/font/google";
|
||||||
|
import { Open_Sans } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -20,10 +22,12 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const lato = Lato({
|
|
||||||
variable: "--font-lato",
|
const montserrat = Montserrat({
|
||||||
subsets: ["latin"],
|
variable: "--font-montserrat", subsets: ["latin"],
|
||||||
weight: ["100", "300", "400", "700", "900"],
|
});
|
||||||
|
const openSans = Open_Sans({
|
||||||
|
variable: "--font-open-sans", subsets: ["latin"],
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -34,7 +38,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${lato.variable} antialiased`}>
|
<body className={`${montserrat.variable} ${openSans.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
394
src/app/page.tsx
394
src/app/page.tsx
@@ -2,17 +2,13 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
import { TrendingUp, BarChart3, Target } from "lucide-react";
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
||||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -22,7 +18,7 @@ export default function LandingPage() {
|
|||||||
borderRadius="soft"
|
borderRadius="soft"
|
||||||
contentWidth="mediumSmall"
|
contentWidth="mediumSmall"
|
||||||
sizing="mediumLarge"
|
sizing="mediumLarge"
|
||||||
background="grid"
|
background="fluid"
|
||||||
cardStyle="gradient-radial"
|
cardStyle="gradient-radial"
|
||||||
primaryButtonStyle="double-inset"
|
primaryButtonStyle="double-inset"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="radial-glow"
|
||||||
@@ -32,26 +28,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Services", id: "services" },
|
||||||
id: "hero",
|
{ name: "Growth", id: "metrics" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Services",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Pricing",
|
|
||||||
id: "pricing",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="BusinessGrow"
|
brandName="BusinessGrow"
|
||||||
/>
|
/>
|
||||||
@@ -59,347 +39,69 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "plain",
|
title="Drive Your Business Forward"
|
||||||
}}
|
description="Collaborate efficiently and scale your operations with data-backed solutions. Empower your team and maximize your growth trajectory today."
|
||||||
title="Your Business, Online Fast"
|
buttons={[{ text: "Get Started Today", href: "#contact" }]}
|
||||||
description="Professional, mobile-ready website templates built for growth. Customize in minutes, launch today—no coding required."
|
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Start Building",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-business-meeting-office_23-2148866304.jpg", imageAlt: "Office team collaboration" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/employees-preparing-business-presentation_482257-124560.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-modern-office_23-2149129598.jpg", imageAlt: "Team working on business strategy" },
|
||||||
imageAlt: "professional business office meeting",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-laptop-office_23-2148154817.jpg", imageAlt: "Business growth planning" },
|
||||||
},
|
|
||||||
{
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="metrics" data-section="metrics">
|
||||||
<MediaAbout
|
<MetricCardOne
|
||||||
useInvertedBackground={true}
|
title="Performance Metrics"
|
||||||
title="Built for Your Growth"
|
description="Track your business growth and optimization in real-time."
|
||||||
description="We empower small and mid-sized business owners to get online without the overhead. Our modular components ensure you have a premium look that adapts to your needs."
|
gridVariant="uniform-all-items-equal"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12331.jpg"
|
|
||||||
imageAlt="professional service provider portrait"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
|
||||||
<FeatureCardOne
|
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
useInvertedBackground={false}
|
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="Why Choose Our Templates"
|
|
||||||
description="Everything you need to launch professional, high-performing websites quickly."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
|
||||||
<ProductCardFour
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Core Service Modules"
|
|
||||||
description="Pick and choose the service pages your business needs."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="pricing" data-section="pricing">
|
|
||||||
<PricingCardNine
|
|
||||||
animationType="slide-up"
|
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Affordable Launch Plans"
|
|
||||||
description="Simple pricing to help your business get started."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<MetricCardSeven
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "1", value: "45%", title: "Growth Rate", description: "Annual revenue increase", icon: TrendingUp },
|
||||||
id: "m1",
|
{ id: "2", value: "12k", title: "Active Users", description: "Global user base growth", icon: BarChart3 },
|
||||||
value: "500+",
|
{ id: "3", value: "98%", title: "Retention", description: "Customer loyalty score", icon: Target },
|
||||||
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",
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Proven Results"
|
|
||||||
description="Numbers that highlight our impact on client growth."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="services" data-section="services">
|
||||||
<TestimonialCardTen
|
<FeatureCardTwentyFour
|
||||||
textboxLayout="default"
|
title="Industry Solutions"
|
||||||
useInvertedBackground={false}
|
description="Specialized digital services crafted for your industry niche."
|
||||||
testimonials={[
|
textboxLayout="split"
|
||||||
{
|
animationType="slide-up"
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Loved by Business Owners"
|
|
||||||
description="See how we help businesses transform their digital presence."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqBase
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
features={[
|
||||||
{
|
{ id: "1", title: "Cloud Infrastructure", author: "Tech Team", description: "Scalable cloud solutions for modern enterprise.", tags: ["Cloud", "Infrastructure"], imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-with-server-room_23-2148784407.jpg" },
|
||||||
id: "q1",
|
{ id: "2", title: "Data Analytics", author: "Insights Group", description: "Transforming raw data into actionable strategy.", tags: ["Analytics", "Data"], imageSrc: "http://img.b2bpic.net/free-photo/financial-data-charts-screen_23-2148766115.jpg" },
|
||||||
title: "Is coding knowledge required?",
|
{ id: "3", title: "Strategic Consulting", author: "Growth Lab", description: "Expert guidance to accelerate your market presence.", tags: ["Strategy", "Consulting"], imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-modern-office_23-2148674512.jpg" },
|
||||||
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."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactCenter
|
||||||
|
tag="Contact"
|
||||||
|
title="Get Started Today"
|
||||||
|
description="Ready to take your business to the next level? Connect with our team and let's build something great."
|
||||||
|
background={{ variant: "gradient-bars" }}
|
||||||
useInvertedBackground={false}
|
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"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterSimple
|
||||||
logoText="BusinessGrow"
|
columns={[
|
||||||
leftLink={{
|
{ title: "Product", items: [{ label: "Features" }, { label: "Solutions" }] },
|
||||||
text: "Privacy Policy",
|
{ title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] },
|
||||||
href: "#",
|
{ title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] },
|
||||||
}}
|
]}
|
||||||
rightLink={{
|
bottomLeftText="© 2024 BusinessGrow. All rights reserved."
|
||||||
text: "Terms & Conditions",
|
bottomRightText="Connect: Twitter | LinkedIn | Facebook"
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-lato), sans-serif;
|
font-family: var(--font-open-sans), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-lato), sans-serif;
|
font-family: var(--font-montserrat), sans-serif;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #f5faff;
|
||||||
--card: #f9f9f9;
|
--card: #f1f8ff;
|
||||||
--foreground: #000612e6;
|
--foreground: #001122;
|
||||||
--primary-cta: #15479c;
|
--primary-cta: #15479c;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #f9f9f9;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #000612e6;
|
--secondary-cta-text: #000612e6;
|
||||||
--accent: #e2e2e2;
|
--accent: #a8cce8;
|
||||||
--background-accent: #c4c4c4;
|
--background-accent: #7ba3cf;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user