Update theme fonts

Update src/app/page.tsx
2026-05-01 05:48:16 +00:00 · 2026-05-01 05:48:15 +00:00 · 2026-05-01 05:46:54 +00:00
3 changed files with 39 additions and 185 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Manrope } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -19,8 +20,14 @@ export const metadata: Metadata = {
  },
 };

-const manrope = Manrope({
-  variable: "--font-manrope",
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
 });

@@ -32,7 +39,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${manrope.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -30,128 +30,30 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
        {
-          name: "Features",
-          id: "/features",
-        },
+          name: "Features",          id: "/features"},
        {
-          name: "Demo",
-          id: "/demo",
-        },
+          name: "Demo",          id: "/demo"},
        {
-          name: "Pricing",
-          id: "/pricing",
-        },
+          name: "Pricing",          id: "/pricing"},
      ]}
      brandName="MarketBuilder"
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
+      <HeroBillboardScroll
      background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
      title="Build Your Dream Marketplace Today"
      description="Create a fully functional, scalable multi-vendor marketplace in minutes with our drag-and-drop platform. Empower vendors, manage payments, and scale effortlessly."
-      testimonials={[
-        {
-          name: "Alex Rivier",
-          handle: "@alex",
-          testimonial: "Transformative platform for our e-commerce startup.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
-        },
-        {
-          name: "Jane Doe",
-          handle: "@jane",
-          testimonial: "Easy to setup and super scalable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
-        },
-        {
-          name: "Bob Smith",
-          handle: "@bob",
-          testimonial: "Best marketplace builder I have used.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
-        },
-        {
-          name: "Alice Wang",
-          handle: "@alice",
-          testimonial: "The dashboard is beautiful and intuitive.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-hanging-out-together_23-2149144317.jpg",
-        },
-        {
-          name: "Sam Lee",
-          handle: "@sam",
-          testimonial: "Features are incredible for vendor management.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
-        },
-      ]}
      buttons={[
        {
-          text: "Get Started",
-          href: "/signup",
-        },
+          text: "Get Started",          href: "/signup"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/3d-representation-reselling-market_23-2150473094.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-man-black-suit-glasses-looking-front-smiling-with-happy-face-standing-pink-wall_141793-50825.jpg",
-          alt: "Avatar of a happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-bearded-man-brown-suit-wearing-glasses-looking-smiling-cheerfully_141793-111775.jpg",
-          alt: "Avatar of a happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",
-          alt: "Avatar of a happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-          alt: "Avatar of a happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
-          alt: "Avatar of a happy customer",
-        },
-      ]}
-      avatarText="Trusted by 500+ founders"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Stripe Certified",
-          icon: Shield,
-        },
-        {
-          type: "text-icon",
-          text: "Global Scaling",
-          icon: Globe,
-        },
-        {
-          type: "text-icon",
-          text: "Real-time Data",
-          icon: TrendingUp,
-        },
-        {
-          type: "text-icon",
-          text: "Customizable",
-          icon: Palette,
-        },
-        {
-          type: "text-icon",
-          text: "Secure Auth",
-          icon: Lock,
-        },
-      ]}
+      ariaLabel="Hero section"
    />
  </div>

@@ -162,40 +64,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "t1",
-          name: "Sarah",
-          handle: "@sarah",
-          testimonial: "Incredible platform.",
-          imageSrc: "http://img.b2bpic.net/free-photo/image-confident-blond-woman-ceo-manager-cross-arms-chest-look-determined-smiling-self-assured-front-white-wall_176420-39034.jpg",
-        },
+          id: "t1",          name: "Sarah",          handle: "@sarah",          testimonial: "Incredible platform.",          imageSrc: "http://img.b2bpic.net/free-photo/image-confident-blond-woman-ceo-manager-cross-arms-chest-look-determined-smiling-self-assured-front-white-wall_176420-39034.jpg"},
        {
-          id: "t2",
-          name: "Mike",
-          handle: "@mike",
-          testimonial: "Best in class tools.",
-          imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100267.jpg",
-        },
+          id: "t2",          name: "Mike",          handle: "@mike",          testimonial: "Best in class tools.",          imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100267.jpg"},
        {
-          id: "t3",
-          name: "Anna",
-          handle: "@anna",
-          testimonial: "Marketplace growth is fast.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-confident-young-businesswoman-keeping-arms-crossed-looking-camera-w_1258-104422.jpg",
-        },
+          id: "t3",          name: "Anna",          handle: "@anna",          testimonial: "Marketplace growth is fast.",          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-confident-young-businesswoman-keeping-arms-crossed-looking-camera-w_1258-104422.jpg"},
        {
-          id: "t4",
-          name: "David",
-          handle: "@david",
-          testimonial: "Simple and effective.",
-          imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100190.jpg",
-        },
+          id: "t4",          name: "David",          handle: "@david",          testimonial: "Simple and effective.",          imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100190.jpg"},
        {
-          id: "t5",
-          name: "Julia",
-          handle: "@julia",
-          testimonial: "Vendor onboarding is a breeze.",
-          imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-beautiful-pretty-young-woman-wearing-eyeglasses-yellow-sweatshirt-having-long-fair-hair-posing-isolated-pink-wall-people-emotions-concept_176532-6755.jpg",
-        },
+          id: "t5",          name: "Julia",          handle: "@julia",          testimonial: "Vendor onboarding is a breeze.",          imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-beautiful-pretty-young-woman-wearing-eyeglasses-yellow-sweatshirt-having-long-fair-hair-posing-isolated-pink-wall-people-emotions-concept_176532-6755.jpg"},
      ]}
      title="Loved by Marketplace Builders"
      description="See what our users are saying."
@@ -209,12 +86,7 @@ export default function LandingPage() {
      title="Trusted by Industry Leaders"
      description="Join the innovative companies building the future of commerce."
      names={[
-        "TechFlow",
-        "MarketZen",
-        "Vendly",
-        "ShopScale",
-        "OmniCommerce",
-      ]}
+        "TechFlow",        "MarketZen",        "Vendly",        "ShopScale",        "OmniCommerce"]}
    />
  </div>

@@ -226,30 +98,15 @@ export default function LandingPage() {
      description="Everything you need to know about our marketplace builder."
      faqs={[
        {
-          id: "q1",
-          title: "Is coding required?",
-          content: "No, our drag-and-drop platform is designed for no-code development.",
-        },
+          id: "q1",          title: "Is coding required?",          content: "No, our drag-and-drop platform is designed for no-code development."},
        {
-          id: "q2",
-          title: "Can I scale to unlimited vendors?",
-          content: "Yes, our enterprise plan supports unlimited vendors and transactions.",
-        },
+          id: "q2",          title: "Can I scale to unlimited vendors?",          content: "Yes, our enterprise plan supports unlimited vendors and transactions."},
        {
-          id: "q3",
-          title: "Do you offer payment support?",
-          content: "We support Stripe, PayPal, and major local gateways globally.",
-        },
+          id: "q3",          title: "Do you offer payment support?",          content: "We support Stripe, PayPal, and major local gateways globally."},
        {
-          id: "q4",
-          title: "Is my data secure?",
-          content: "We use enterprise-grade encryption and secure infrastructure.",
-        },
+          id: "q4",          title: "Is my data secure?",          content: "We use enterprise-grade encryption and secure infrastructure."},
        {
-          id: "q5",
-          title: "Can I integrate custom APIs?",
-          content: "Absolutely, our API-first design allows for complete customization.",
-        },
+          id: "q5",          title: "Can I integrate custom APIs?",          content: "Absolutely, our API-first design allows for complete customization."},
      ]}
      faqsAnimation="slide-up"
    />
@@ -264,23 +121,13 @@ export default function LandingPage() {
      description="Accelerate your marketplace expansion with advanced growth tools."
      features={[
        {
-          id: "g1",
-          title: "SEO Optimized",
-          descriptions: [
-            "Built-in schema markup",
-            "Automated sitemaps",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-3d-rendering_23-2149174193.jpg",
-        },
+          id: "g1",          title: "SEO Optimized",          descriptions: [
+            "Built-in schema markup",            "Automated sitemaps"],
+          imageSrc: "http://img.b2bpic.net/free-photo/gift-voucher-3d-rendering_23-2149174193.jpg"},
        {
-          id: "g2",
-          title: "Mobile First",
-          descriptions: [
-            "Fully responsive UI",
-            "Native app feel",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-shopping-cart-with-sheep-e-commerce-promotion_187299-47584.jpg",
-        },
+          id: "g2",          title: "Mobile First",          descriptions: [
+            "Fully responsive UI",            "Native app feel"],
+          imageSrc: "http://img.b2bpic.net/free-photo/smartphone-shopping-cart-with-sheep-e-commerce-promotion_187299-47584.jpg"},
      ]}
    />
  </div>
@@ -294,4 +141,4 @@ export default function LandingPage() {
      </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-manrope), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
Author	SHA1	Message	Date
bender	6a5915d545	Update theme fonts	2026-05-01 05:48:16 +00:00
bender	db2ad01037	Update theme fonts	2026-05-01 05:48:15 +00:00
bender	57b862a6c7	Update src/app/page.tsx	2026-05-01 05:46:54 +00:00