Update theme fonts

2026-05-07 12:57:01 +00:00 · 2026-05-07 12:57:01 +00:00 · 2026-05-07 12:56:42 +00:00 · 2026-05-07 12:56:42 +00:00 · 2026-05-07 12:55:51 +00:00 · 2026-05-07 12:52:25 +00:00
3 changed files with 39 additions and 86 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,20 +6,24 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
+import { Roboto } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";

-const halant = Halant({
-  variable: "--font-halant",
+
+
+export const metadata: Metadata = { title: 'Webild SaaS | Build High-Converting Landing Pages Fast', description: 'Accelerate your SaaS growth with Webild\'s high-performance, conversion-optimized landing page templates. Designed for developers and founders.' };
+
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
+  weight: ["400", "700"],
 });
-
 const inter = Inter({
  variable: "--font-inter",
  subsets: ["latin"],
 });

-export const metadata: Metadata = { title: 'Webild SaaS | Build High-Converting Landing Pages Fast', description: 'Accelerate your SaaS growth with Webild\'s high-performance, conversion-optimized landing page templates. Designed for developers and founders.' };
-
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -28,9 +32,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,28 +29,18 @@ export default function SaasTemplatePage() {

    const features: FeatureCard[] = [
        {
-            bentoComponent: "globe",
-            title: "Global Reach",
-            description: "Connect with users worldwide through our distributed infrastructure",
-        },
+            bentoComponent: "globe",            title: "Global Reach",            description: "Connect with users worldwide through our distributed infrastructure"},
        {
-            bentoComponent: "marquee",
-            variant: "text",
-            centerIcon: Zap,
+            bentoComponent: "marquee",            variant: "text",            centerIcon: Zap,
            texts: ["Fast", "Reliable", "Secure", "Scalable", "Modern"],
-            title: "Built for Speed",
-            description: "Lightning fast performance with optimized delivery",
-        },
+            title: "Built for Speed",            description: "Lightning fast performance with optimized delivery"},
        {
-            bentoComponent: "3d-stack-cards",
-            items: [
+            bentoComponent: "3d-stack-cards",            items: [
                { icon: Shield, title: "Security", subtitle: "Enterprise-grade", detail: "Bank-level encryption" },
                { icon: Rocket, title: "Performance", subtitle: "99.9% uptime", detail: "Always available" },
                { icon: Target, title: "Accuracy", subtitle: "100% reliable", detail: "Data you can trust" },
            ],
-            title: "Built for Scale",
-            description: "Deploy to any region with automatic failover support",
-        }
+            title: "Built for Scale",            description: "Deploy to any region with automatic failover support"}
    ];

    return (
@@ -69,12 +59,10 @@ export default function SaasTemplatePage() {
                    description="Create stunning, responsive websites with our comprehensive component library designed"
                    buttons={[
                        {
-                            text: "Get Started",
-                            onClick: () => console.log("Get Started clicked"),
+                            text: "Get Started",                            onClick: () => console.log("Get Started clicked"),
                        },
                        {
-                            text: "Learn More",
-                            onClick: () => console.log("Learn More clicked"),
+                            text: "Learn More",                            onClick: () => console.log("Learn More clicked"),
                        },
                    ]}
                    marqueeItems={[
@@ -105,24 +93,16 @@ export default function SaasTemplatePage() {
                    features={[
                        {
                            icon: Layers,
-                            title: "Modular Architecture",
-                            description: "Build with composable components that scale with your needs",
-                        },
+                            title: "Modular Architecture",                            description: "Build with composable components that scale with your needs"},
                        {
                            icon: Code,
-                            title: "Developer Experience",
-                            description: "Clean APIs and comprehensive documentation for faster development",
-                        },
+                            title: "Developer Experience",                            description: "Clean APIs and comprehensive documentation for faster development"},
                        {
                            icon: Shield,
-                            title: "Enterprise Security",
-                            description: "Bank-level encryption and compliance with industry standards",
-                        },
+                            title: "Enterprise Security",                            description: "Bank-level encryption and compliance with industry standards"},
                        {
                            icon: Rocket,
-                            title: "Lightning Fast",
-                            description: "Optimized for performance with sub-second response times",
-                        },
+                            title: "Lightning Fast",                            description: "Optimized for performance with sub-second response times"},
                    ]}
                />
                <TestimonialCardFifteen
@@ -142,56 +122,31 @@ export default function SaasTemplatePage() {
                    animationType="opacity"
                    textboxLayout="default"
                    useInvertedBackground={false}
+                    cardClassName="border-2 border-primary-500 scale-105"
                    plans={[
                        {
-                            id: "starter",
-                            badge: "Starter",
-                            badgeIcon: Zap,
-                            price: "$19/mo",
-                            subtitle: "Perfect for individuals",
-                            buttons: [
+                            id: "starter",                            badge: "Starter",                            badgeIcon: Zap,
+                            price: "$19/mo",                            subtitle: "Perfect for individuals",                            buttons: [
                                { text: "Get Started", onClick: () => console.log("Starter clicked") },
                            ],
                            features: [
-                                "Up to 5 projects",
-                                "Basic analytics",
-                                "24/7 email support",
-                                "API access",
-                            ],
+                                "Up to 5 projects",                                "Basic analytics",                                "24/7 email support",                                "API access"],
                        },
                        {
-                            id: "pro",
-                            badge: "Pro",
-                            badgeIcon: Rocket,
-                            price: "$49/mo",
-                            subtitle: "For growing teams",
-                            buttons: [
+                            id: "pro",                            badge: "Pro",                            badgeIcon: Rocket,
+                            price: "$49/mo",                            subtitle: "For growing teams",                            buttons: [
                                { text: "Get Started", onClick: () => console.log("Pro clicked") },
                            ],
                            features: [
-                                "Unlimited projects",
-                                "Advanced analytics",
-                                "Priority support",
-                                "Custom integrations",
-                                "Team collaboration",
-                            ],
+                                "Unlimited projects",                                "Advanced analytics",                                "Priority support",                                "Custom integrations",                                "Team collaboration"],
                        },
                        {
-                            id: "enterprise",
-                            badge: "Enterprise",
-                            badgeIcon: Crown,
-                            price: "$99/mo",
-                            subtitle: "For large organizations",
-                            buttons: [
+                            id: "enterprise",                            badge: "Enterprise",                            badgeIcon: Crown,
+                            price: "$99/mo",                            subtitle: "For large organizations",                            buttons: [
                                { text: "Contact Sales", onClick: () => console.log("Enterprise clicked") },
                            ],
                            features: [
-                                "Everything in Pro",
-                                "Dedicated account manager",
-                                "Custom SLA",
-                                "On-premise deployment",
-                                "Advanced security",
-                            ],
+                                "Everything in Pro",                                "Dedicated account manager",                                "Custom SLA",                                "On-premise deployment",                                "Advanced security"],
                        },
                    ]}
                />
@@ -210,8 +165,7 @@ export default function SaasTemplatePage() {
                    logoText="SaaSify"
                    columns={[
                        {
-                            title: "Product",
-                            items: [
+                            title: "Product",                            items: [
                                { label: "Features", href: "#features" },
                                { label: "Pricing", href: "#pricing" },
                                { label: "Integrations", href: "#" },
@@ -219,8 +173,7 @@ export default function SaasTemplatePage() {
                            ],
                        },
                        {
-                            title: "Company",
-                            items: [
+                            title: "Company",                            items: [
                                { label: "About", href: "#about" },
                                { label: "Blog", href: "#" },
                                { label: "Careers", href: "#" },
@@ -228,8 +181,7 @@ export default function SaasTemplatePage() {
                            ],
                        },
                        {
-                            title: "Resources",
-                            items: [
+                            title: "Resources",                            items: [
                                { label: "Documentation", href: "#" },
                                { label: "Help Center", href: "#" },
                                { label: "Community", href: "#" },
@@ -237,8 +189,7 @@ export default function SaasTemplatePage() {
                            ],
                        },
                        {
-                            title: "Legal",
-                            items: [
+                            title: "Legal",                            items: [
                                { label: "Privacy", href: "#" },
                                { label: "Terms", href: "#" },
                                { label: "Security", href: "#" },
@@ -250,4 +201,4 @@ export default function SaasTemplatePage() {
            </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-inter-tight), 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-inter-tight), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }
Author	SHA1	Message	Date
bender	9b6d224bf1	Update theme fonts	2026-05-07 12:57:01 +00:00
bender	f6c9954ada	Update theme fonts	2026-05-07 12:57:01 +00:00
bender	27b597c56b	Update theme fonts	2026-05-07 12:56:42 +00:00
bender	eb11700be9	Update theme fonts	2026-05-07 12:56:42 +00:00
bender	8cb3935f42	Update src/app/page.tsx	2026-05-07 12:55:51 +00:00
bender	3051701749	Merge version_4 into main Merge version_4 into main	2026-05-07 12:52:25 +00:00
bender	e6f20e77bd	Merge version_3 into main Merge version_3 into main	2026-05-07 12:52:13 +00:00
bender	1e985cd753	Merge version_2 into main Merge version_2 into main	2026-05-07 12:51:43 +00:00