Update src/app/page.tsx

Merge version_3 into main
2026-05-22 14:01:50 +00:00 · 2026-05-22 14:01:21 +00:00 · 2026-05-22 13:59:56 +00:00 · 2026-05-22 13:59:53 +00:00 · 2026-05-22 13:59:04 +00:00 · 2026-05-22 13:59:01 +00:00
4 changed files with 66 additions and 360 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 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",
-  subsets: ["latin"],
-  weight: ["100", "300", "400", "700", "900"],
+
+const montserrat = Montserrat({
+  variable: "--font-montserrat",  subsets: ["latin"],
+});
+const openSans = Open_Sans({
+  variable: "--font-open-sans",  subsets: ["latin"],
 });

 export default function RootLayout({
@@ -34,7 +38,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${lato.variable} antialiased`}>
+        <body className={`${montserrat.variable} ${openSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,13 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { TrendingUp, BarChart3, Target } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 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() {
  return (
@@ -22,7 +18,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 +28,10 @@ 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: "Services", id: "services" },
+        { name: "Growth", id: "metrics" },
+        { name: "Contact", id: "contact" },
      ]}
      brandName="BusinessGrow"
    />
@@ -59,350 +39,72 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Your Business, Online Fast"
-      description="Professional, mobile-ready website templates built for growth. Customize in minutes, launch today—no coding required."
-      buttons={[
-        {
-          text: "Start Building",
-          href: "#contact",
-        },
-      ]}
+      background={{ variant: "gradient-bars" }}
+      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."
+      buttons={[{ text: "Get Started Today", 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/colleagues-having-business-meeting-office_23-2148866304.jpg", imageAlt: "Office team collaboration" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting-modern-office_23-2149129598.jpg", imageAlt: "Team working on business strategy" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-laptop-office_23-2148154817.jpg", imageAlt: "Business growth planning" },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Built for Your Growth"
-      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."
-      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
+  <div id="metrics" data-section="metrics">
+      <MetricCardOne
+      title="Performance Metrics"
+      description="Track your business growth and optimization in real-time."
+      gridVariant="uniform-all-items-equal"
      animationType="slide-up"
      textboxLayout="split"
-      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="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={[
-        {
-          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: "1", value: "45%", title: "Growth Rate", description: "Annual revenue increase", icon: TrendingUp },
+        { id: "2", value: "12k", title: "Active Users", description: "Global user base growth", icon: BarChart3 },
+        { id: "3", value: "98%", title: "Retention", description: "Customer loyalty score", icon: Target },
      ]}
-      title="Proven Results"
-      description="Numbers that highlight our impact on client growth."
    />
  </div>

-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      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",
-        },
-      ]}
-      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"
+  <div id="services" data-section="services">
+      <FeatureCardTwentyFour
+      title="Industry Solutions"
+      description="Specialized digital services crafted for your industry niche."
+      textboxLayout="split"
+      animationType="slide-up"
      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.",
-        },
+      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: "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" },
+        { 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" },
      ]}
-      title="Frequently Asked Questions"
-      description="Clear answers to help you get started."
-      faqsAnimation="slide-up"
    />
  </div>

  <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}
-      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 id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="BusinessGrow"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms & Conditions",
-        href: "#",
-      }}
+      <FooterSimple
+      columns={[
+        { title: "Product", items: [{ label: "Features" }, { label: "Solutions" }] },
+        { title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] },
+        { title: "Legal", items: [{ label: "Privacy" }, { label: "Terms" }] },
+      ]}
+      bottomLeftText="© 2024 BusinessGrow. All rights reserved."
+      bottomRightText="Connect: Twitter | LinkedIn | Facebook"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
  --primary-cta: #15479c;
  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	edc23d9e0b	Update src/app/page.tsx	2026-05-22 14:01:50 +00:00
bender	efc45b2a83	Update src/app/page.tsx	2026-05-22 14:01:21 +00:00
bender	65d18c75fc	Merge version_3 into main Merge version_3 into main	2026-05-22 13:59:56 +00:00
bender	dff92927ac	Update src/app/page.tsx	2026-05-22 13:59:53 +00:00
bender	1368715cbf	Merge version_2 into main Merge version_2 into main	2026-05-22 13:59:04 +00:00
bender	5aa84da87d	Update src/app/styles/variables.css	2026-05-22 13:59:01 +00:00
bender	5df1dcf527	Update src/app/styles/base.css	2026-05-22 13:59:00 +00:00
bender	a3c96dcc82	Update src/app/page.tsx	2026-05-22 13:59:00 +00:00
bender	34a22f7975	Update src/app/layout.tsx	2026-05-22 13:58:59 +00:00