4 Commits

Author SHA1 Message Date
5aa84da87d Update src/app/styles/variables.css 2026-05-22 13:59:01 +00:00
5df1dcf527 Update src/app/styles/base.css 2026-05-22 13:59:00 +00:00
a3c96dcc82 Update src/app/page.tsx 2026-05-22 13:59:00 +00:00
34a22f7975 Update src/app/layout.tsx 2026-05-22 13:58:59 +00:00
4 changed files with 59 additions and 288 deletions

View File

@@ -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

View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import { Cpu, Zap, Target, Search } from "lucide-react";
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase'; import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne'; import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
@@ -22,7 +23,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 +33,11 @@ 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: "About", id: "about" },
id: "hero", { name: "Services", id: "features" },
}, { name: "Pricing", id: "pricing" },
{ { 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,38 +45,14 @@ 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="Smart Solutions, Online Today"
}}
title="Your Business, Online Fast"
description="Professional, mobile-ready website templates built for growth. Customize in minutes, launch today—no coding required." description="Professional, mobile-ready website templates built for growth. Customize in minutes, launch today—no coding required."
buttons={[ buttons={[{ text: "Start Building", href: "#contact" }]}
{
text: "Start Building",
href: "#contact",
},
]}
mediaItems={[ 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/employees-preparing-business-presentation_482257-124560.jpg", { imageSrc: "http://img.b2bpic.net/free-photo/stylish-workspace-with-female-things_23-2147778845.jpg", imageAlt: "clean office desk setup" },
imageAlt: "professional business office meeting", { 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/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"
/> />
@@ -113,27 +75,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { 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 Design", { 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" },
description: "Beautiful, mobile-first layouts that look great on any device.", { 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" },
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" title="Modern Digital Services"
description="Everything you need to launch professional, high-performing websites quickly." description="Expertly crafted tools designed to modernize your online footprint."
/> />
</div> </div>
@@ -144,54 +91,9 @@ export default function LandingPage() {
gridVariant="one-large-left-three-stacked-right" gridVariant="one-large-left-three-stacked-right"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { 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: "1", { 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" },
name: "Strategy Planning", { 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" },
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" title="Core Service Modules"
description="Pick and choose the service pages your business needs." description="Pick and choose the service pages your business needs."
@@ -204,57 +106,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ { id: "basic", title: "Starter", price: "$499", period: "/setup", features: ["1 page", "Responsive", "SEO basics"], button: { text: "Select", href: "#contact" } },
id: "basic", { id: "pro", title: "Professional", price: "$999", period: "/setup", features: ["5 pages", "Custom branding", "Speed opt"], button: { text: "Select", href: "#contact" } },
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" title="Launch Plans"
description="Simple pricing to help your business get started." description="Simple pricing for growing businesses."
/> />
</div> </div>
@@ -264,36 +120,12 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "500+", title: "Templates", items: [] },
id: "m1", { id: "m2", value: "98%", title: "Satisfaction", items: [] },
value: "500+", { id: "m3", value: "24h", title: "Speed", items: [] },
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" title="Proven Impact"
description="Numbers that highlight our impact on client growth." description="Data-backed growth metrics."
/> />
</div> </div>
@@ -302,49 +134,10 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { 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" },
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" title="Loved by Leaders"
description="See how we help businesses transform their digital presence." description="Hear from our successful clients."
/> />
</div> </div>
@@ -352,25 +145,9 @@ export default function LandingPage() {
<FaqBase <FaqBase
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[{ id: "q1", title: "Is coding required?", content: "No, it is no-code." }]}
{ title="FAQs"
id: "q1", description="Answers to your questions."
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."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -378,28 +155,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "gradient-bars" }}
variant: "plain", tag="Contact"
}} title="Ready to Start?"
tag="Get Started" description="Let's build together."
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 <FooterLogoReveal
logoText="BusinessGrow" logoText="BusinessGrow"
leftLink={{ leftLink={{ text: "Privacy", href: "#" }}
text: "Privacy Policy", rightLink={{ text: "Terms", href: "#" }}
href: "#",
}}
rightLink={{
text: "Terms & Conditions",
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>

View File

@@ -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;
} }

View File

@@ -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);