Merge version_3 into main

Update src/app/page.tsx
2026-05-09 06:47:47 +00:00 · 2026-05-09 06:47:44 +00:00 · 2026-05-09 06:46:51 +00:00 · 2026-05-09 06:46:48 +00:00 · 2026-05-09 06:46:47 +00:00 · 2026-05-09 06:44:34 +00:00
3 changed files with 59 additions and 221 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
@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -31,101 +31,33 @@ 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",
-      }}
+      <HeroBillboardRotatedCarousel
+      background={{ 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: "95%",
-          label: "Retention Rate",
-        },
-        {
-          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/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/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",
-        },
-      ]}
-      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",
-        },
+      carouselItems={[
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg", imageAlt: "Metric Analysis" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "CEO Goals" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg", imageAlt: "Office Work" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "Diagnostic Tech" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Boardroom" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/laptop-wooden-desk-with-social-media-diagram_1134-64.jpg", imageAlt: "Data Analytics" }
      ]}
    />
  </div>
@@ -137,26 +69,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 +88,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 +106,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 +122,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 +142,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 +157,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 +169,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: "#" },
          ],
        },
      ]}
@@ -359,4 +195,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-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	6e77d23c68	Merge version_3 into main Merge version_3 into main	2026-05-09 06:47:47 +00:00
bender	91831d6a37	Update src/app/page.tsx	2026-05-09 06:47:44 +00:00
bender	871b792ccc	Merge version_2 into main Merge version_2 into main	2026-05-09 06:46:51 +00:00
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	9af946883a	Merge version_2 into main Merge version_2 into main	2026-05-09 06:44:34 +00:00
bender	1f30c1efeb	Update src/app/page.tsx	2026-05-09 06:44:31 +00:00