Merge version_7 into main

Merge version_7 into main

src/app/about-us/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function AboutUsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about-us" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="SublimeSites"
+          />
+        </div>
+        <div className="container mx-auto py-20 px-6">
+          <h1 className="text-4xl font-bold mb-6">About Us</h1>
+          <p className="text-lg">We are dedicated to building high-converting websites for local businesses.</p>
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "SublimeSites", items: [{ label: "Home", href: "/" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "/" }] },
+            ]}
+            logoText="SublimeSites"
+            copyrightText="© 2025 | SublimeSites"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,7 +3,6 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterBase from '@/components/sections/footer/FooterBase';
@@ -18,12 +17,12 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumLargeSizeLargeTitles"
+        contentWidth="medium"
+        sizing="medium"
         background="circleGradient"
-        cardStyle="solid"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
         headingFontWeight="normal"
     >
       <ReactLenis root>
@@ -34,6 +33,7 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Features", id: "features" },
         { name: "Testimonials", id: "testimonials" },
+        { name: "Pricing", id: "pricing" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="SublimeSites"
@@ -80,6 +80,7 @@ export default function LandingPage() {
       showStepNumbers={true}
       title="Everything Your Business Needs"
       description="We provide the essential tools to help your local business thrive online, from mobile-ready design to fast, secure hosting."
+      buttons={[{ text: "Start Now", href: "#contact" }]}
     />
   </div>
 
@@ -95,6 +96,7 @@ export default function LandingPage() {
       showRating={true}
       title="Loved by Business Owners"
       description="See why hundreds of local businesses trust us with their online presence."
+      buttons={[{ text: "Join Them", href: "#contact" }]}
     />
   </div>
 
@@ -113,8 +115,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        { title: "SublimeSites", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
-        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+        { title: "SublimeSites", items: [{ label: "About Us", href: "/about-us" }, { label: "Services", href: "/#features" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "/" }, { label: "Terms of Service", href: "/" }] },
       ]}
       logoText="SublimeSites"
       copyrightText="© 2025 | SublimeSites"
@@ -123,4 +125,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <NavbarStyleFullscreen
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "About", id: "/about-us" },
+          { name: "Pricing", id: "/pricing" },
+          { name: "Contact", id: "/contact" },
+        ]}
+        brandName="SublimeSites"
+      />
+      <PricingCardEight 
+        title="Transparent Pricing"
+        description="Choose the plan that fits your business goals."
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+        plans={[
+          { id: "starter", badge: "Essential", price: "$999", subtitle: "Best for individuals", features: ["Basic Web Design", "Mobile Responsive", "SEO Setup"], buttons: [{ text: "Get Started", href: "#contact" }] },
+          { id: "pro", badge: "Professional", price: "$1999", subtitle: "Best for businesses", features: ["Everything in Starter", "CMS Integration", "Custom Analytics", "Priority Support"], buttons: [{ text: "Contact Sales", href: "#contact" }] }
+        ]}
+      />
+    </ThemeProvider>
+  );
+}