Update theme fonts

Update src/app/page.tsx
2026-05-09 06:46:48 +00:00 · 2026-05-09 06:46:47 +00:00 · 2026-05-09 06:44:31 +00:00
3 changed files with 62 additions and 198 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 { Inter_Tight } from "next/font/google";
+import { Lato } from "next/font/google";



@@ -21,10 +22,11 @@ export const metadata: Metadata = {
  },
 };

-const interTight = Inter_Tight({
-  variable: "--font-inter-tight",
+
+const lato = Lato({
+  variable: "--font-lato",
  subsets: ["latin"],
-  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+  weight: ["100", "300", "400", "700", "900"],
 });

 export default function RootLayout({
@@ -35,7 +37,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${interTight.variable} antialiased`}>
+        <body className={`${lato.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,101 +31,59 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "Features",
-          id: "#features",
-        },
+          name: "Features",          id: "#features"},
        {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
        {
-          name: "Pricing",
-          id: "#pricing",
-        },
+          name: "Pricing",          id: "#pricing"},
        {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
      ]}
-      brandName="WebAgency"
+      brandName="SiteShark"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Build Your Business Presence"
      description="We craft professional, high-performance websites tailored to scale your digital presence and drive revenue."
      kpis={[
        {
-          value: "200+",
-          label: "Projects Completed",
-        },
+          value: "200+",          label: "Projects Completed"},
        {
-          value: "95%",
-          label: "Retention Rate",
-        },
+          value: "95%",          label: "Retention Rate"},
        {
-          value: "10x",
-          label: "Traffic Increase",
-        },
+          value: "10x",          label: "Traffic Increase"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
-          text: "Start Project",
-          href: "#contact",
-        },
+          text: "Start Project",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
      imageAlt="Agency interface"
      mediaAnimation="slide-up"
      avatars={[
        {
-          src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
-          alt: "CEO analyst",
-        },
+          src: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",          alt: "CEO analyst"},
        {
-          src: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",
-          alt: "Modern office worker",
-        },
+          src: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",          alt: "Modern office worker"},
        {
-          src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
-          alt: "Diagnostic tech",
-        },
+          src: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",          alt: "Diagnostic tech"},
        {
-          src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-          alt: "Boardroom lead",
-        },
+          src: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",          alt: "Boardroom lead"},
        {
-          src: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg",
-          alt: "Data analyst",
-        },
+          src: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg",          alt: "Data analyst"},
      ]}
      avatarText="Trusted by 500+ leaders worldwide"
      marqueeItems={[
-        {
-          type: "text",
-          text: "SaaS Growth",
-        },
-        {
-          type: "text",
-          text: "E-commerce Scale",
-        },
-        {
-          type: "text",
-          text: "Modern UX/UI",
-        },
-        {
-          type: "text",
-          text: "Cloud Infrastructure",
-        },
-        {
-          type: "text",
-          text: "SEO Mastery",
-        },
+        { type: "text", text: "SaaS Growth" },
+        { type: "text", text: "E-commerce Scale" },
+        { type: "text", text: "Modern UX/UI" },
+        { type: "text", text: "Cloud Infrastructure" },
+        { type: "text", text: "SEO Mastery" },
      ]}
    />
  </div>
@@ -137,26 +95,11 @@ export default function LandingPage() {
      useInvertedBackground={true}
      features={[
        {
-          id: "f1",
-          title: "Rapid Development",
-          subtitle: "Get to market faster",
-          category: "Dev",
-          value: "2 weeks",
-        },
+          id: "f1",          title: "Rapid Development",          subtitle: "Get to market faster",          category: "Dev",          value: "2 weeks"},
        {
-          id: "f2",
-          title: "SEO Optimized",
-          subtitle: "Drive organic traffic",
-          category: "Marketing",
-          value: "100%",
-        },
+          id: "f2",          title: "SEO Optimized",          subtitle: "Drive organic traffic",          category: "Marketing",          value: "100%"},
        {
-          id: "f3",
-          title: "Cloud Hosting",
-          subtitle: "Maximum uptime",
-          category: "Infra",
-          value: "99.9%",
-        },
+          id: "f3",          title: "Cloud Hosting",          subtitle: "Maximum uptime",          category: "Infra",          value: "99.9%"},
      ]}
      title="Everything You Need to Scale"
      description="Powerful features designed to convert visitors into loyal customers."
@@ -171,17 +114,11 @@ export default function LandingPage() {
      description="More than just designers, we are business partners focused on your ROI. Our team brings technical excellence together with creative design to elevate your brand."
      bulletPoints={[
        {
-          title: "Custom Strategy",
-          description: "Tailored solutions for every unique business need.",
-        },
+          title: "Custom Strategy",          description: "Tailored solutions for every unique business need."},
        {
-          title: "Data-Driven Design",
-          description: "Decisions based on real user behavior.",
-        },
+          title: "Data-Driven Design",          description: "Decisions based on real user behavior."},
        {
-          title: "Ongoing Support",
-          description: "We are here for you long after launch.",
-        },
+          title: "Ongoing Support",          description: "We are here for you long after launch."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/group-young-businesspeople-meeting-office_171337-7269.jpg"
      mediaAnimation="slide-up"
@@ -195,21 +132,9 @@ export default function LandingPage() {
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
-        {
-          id: "m1",
-          value: "$5M+",
-          description: "Generated Revenue",
-        },
-        {
-          id: "m2",
-          value: "500k",
-          description: "Active Users",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Average Support Time",
-        },
+        { id: "m1", value: "$5M+", description: "Generated Revenue" },
+        { id: "m2", value: "500k", description: "Active Users" },
+        { id: "m3", value: "24/7", description: "Average Support Time" },
      ]}
      title="Proven Impact"
      description="Metrics that show real world results for our clients."
@@ -223,45 +148,14 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "Sarah J.",
-          handle: "@techcorp",
-          testimonial: "Excellent service and results, worth every penny.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-        },
+          id: "1",          name: "Sarah J.",          handle: "@techcorp",          testimonial: "Excellent service and results, worth every penny.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"},
        {
-          id: "2",
-          name: "Michael K.",
-          handle: "@innovate",
-          testimonial: "They transformed our online revenue overnight.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
-        },
+          id: "2",          name: "Michael K.",          handle: "@innovate",          testimonial: "They transformed our online revenue overnight.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"},
        {
-          id: "3",
-          name: "Emily R.",
-          handle: "@growth",
-          testimonial: "Highly recommended for any serious business.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg",
-        },
-        {
-          id: "4",
-          name: "David L.",
-          handle: "@startup",
-          testimonial: "Fast, reliable, and highly creative team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda M.",
-          handle: "@enterprise",
-          testimonial: "The best investment we have made this year.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-employee-happy-be-back-work_23-2148727616.jpg",
-        },
+          id: "3",          name: "Emily R.",          handle: "@growth",          testimonial: "Highly recommended for any serious business.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-saleswoman-working-office-sitting-business-room-reading-writing-down_1258-193622.jpg"},
      ]}
      showRating={true}
      title="Loved by Businesses"
@@ -274,23 +168,14 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "q1",
-          title: "What is the turnaround time?",
-          content: "Most projects are completed within 2-4 weeks depending on complexity.",
-        },
+          id: "q1",          title: "What is your design philosophy?",          content: "We focus on user-centric design that prioritizes accessibility and conversion."},
        {
-          id: "q2",
-          title: "Do you offer maintenance?",
-          content: "Yes, we provide flexible monthly maintenance packages.",
-        },
+          id: "q2",          title: "How do you handle responsiveness?",          content: "Our websites are mobile-first, ensuring a seamless experience on all devices."},
        {
-          id: "q3",
-          title: "Can you handle SEO?",
-          content: "Absolutely, all our sites are SEO optimized from the start.",
-        },
+          id: "q3",          title: "What tools do you use?",          content: "We leverage industry-standard modern frameworks and design tools to build scalable solutions."},
      ]}
-      sideTitle="Frequently Asked"
-      sideDescription="Questions answered by our experts."
+      sideTitle="Common Design Questions"
+      sideDescription="Answers to the most frequent inquiries about our web design process."
      faqsAnimation="slide-up"
    />
  </div>
@@ -298,12 +183,10 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Let's Connect"
-      title="Ready to Transform Your Business?"
-      description="Send us your project details and we will get back to you with a tailored roadmap."
+      background={{ variant: "sparkles-gradient" }}
+      tag="Contact Us"
+      title="Get In Touch"
+      description="Have a question or ready to start a project? Email us at hello@siteshark.com or call (555) 123-4567."
      imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg"
      inputPlaceholder="Enter your email address"
      mediaAnimation="slide-up"
@@ -312,45 +195,24 @@ export default function LandingPage() {

  <div id="footer" data-section="footer">
      <FooterBaseReveal
-      logoText="WebAgency"
+      logoText="SiteShark"
      columns={[
        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
+          title: "Company",          items: [
+            { label: "About Us", href: "#about" },
+            { label: "Careers", href: "#" },
          ],
        },
        {
-          title: "Services",
-          items: [
-            {
-              label: "Web Design",
-              href: "#",
-            },
-            {
-              label: "Development",
-              href: "#",
-            },
+          title: "Resources",          items: [
+            { label: "Design Blog", href: "#" },
+            { label: "Case Studies", href: "#" },
          ],
        },
        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
+          title: "Legal",          items: [
+            { label: "Privacy", href: "#" },
+            { label: "Terms", href: "#" },
          ],
        },
      ]}
--- 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-lato), 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-lato), sans-serif;
 }
Author	SHA1	Message	Date
bender	480283b8bb	Update theme fonts	2026-05-09 06:46:48 +00:00
bender	97b0a6c8b4	Update theme fonts	2026-05-09 06:46:47 +00:00
bender	1f30c1efeb	Update src/app/page.tsx	2026-05-09 06:44:31 +00:00