Update src/app/page.tsx

Merge version_6 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,13 +3,13 @@
 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';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Rocket, TrendingUp, Users } from "lucide-react";
+import { Rocket, TrendingUp, Users, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -17,28 +17,24 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="small"
+        contentWidth="medium"
-        sizing="mediumLargeSizeLargeTitles"
+        sizing="medium"
         background="circleGradient"
-        cardStyle="solid"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="primary-glow"
+        primaryButtonStyle="gradient"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="glass"
         headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "home" },
-          name: "Home",          id: "home"},
+        { name: "About", id: "about" },
-        {
+        { name: "Features", id: "features" },
-          name: "About",          id: "about"},
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Pricing", id: "pricing" },
-          name: "Features",          id: "features"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="SublimeSites"
     />
@@ -47,28 +43,14 @@ export default function LandingPage() {
   <div id="home" data-section="home">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+      title="Grow Your Local Business With A High-Converting Website"
-      title="Professional Websites Built for Small Business"
       description="We design and launch beautiful, conversion-focused websites that help local businesses attract customers online. No jargon, no surprises—just results."
       testimonials={[
-        {
+        { name: "Alice Miller", handle: "@alice_local", testimonial: "SublimeSites made it so easy. My business has doubled its inquiries in just two months!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/professional-portrait-of-a-middle-aged-s-1774557344916-d13f0286.png" },
-          name: "Alice Miller",          handle: "@alice_local",          testimonial: "SublimeSites made it so easy. My business has doubled its inquiries in just two months!",          rating: 5,
+        { name: "Bob Sanders", handle: "@bobs_retail", testimonial: "I feared the technical side, but they handled everything. Professional and reliable.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/professional-portrait-of-a-young-retail--1774557344540-a4b1ede6.png" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/professional-portrait-of-a-middle-aged-s-1774557344916-d13f0286.png"},
-        {
-          name: "Bob Sanders",          handle: "@bobs_retail",          testimonial: "I feared the technical side, but they handled everything. Professional and reliable.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/professional-portrait-of-a-young-retail--1774557344540-a4b1ede6.png"},
-        {
-          name: "Carol Davis",          handle: "@carol_flowers",          testimonial: "Affordable and quick. The best investment I’ve made for my shop this year.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/professional-portrait-of-a-local-busines-1774557345029-252e35b5.png"},
-        {
-          name: "David Wilson",          handle: "@david_services",          testimonial: "Clear communication, beautiful design, and actual results. Highly recommend.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/professional-portrait-of-a-local-boutiqu-1774557344804-1a35c7a9.png"},
-      ]}
-      buttons={[
-        {
-          text: "Start Your Website Today",          href: "#contact"},
       ]}
+      buttons={[{ text: "Start Your Website Today", href: "#contact" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/a-clean-professional-modern-dashboard-or-1774557346032-d2d2b219.png"
     />
   </div>
@@ -78,15 +60,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Built for Growth"
       metrics={[
-        {
+        { icon: Rocket, label: "Projects Launched", value: "150+" },
-          icon: Rocket,
+        { icon: Users, label: "Happy Clients", value: "120+" },
-          label: "Projects Launched",          value: "150+"},
+        { icon: TrendingUp, label: "Revenue Growth", value: "40%" },
-        {
-          icon: Users,
-          label: "Happy Clients",          value: "120+"},
-        {
-          icon: TrendingUp,
-          label: "Revenue Growth",          value: "40%"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -98,31 +74,13 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: 1, title: "Mobile Responsive Design", description: "Ensure your site looks perfect on every screen, from phones to desktops.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-responsive-small--1774557344886-7b6abc97.png?_wi=1" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-sleek-portfolio-p-1774557345013-18472d92.png?_wi=1" } },
-          id: 1,
+        { id: 2, title: "Conversion Focused", description: "Optimized layouts designed to turn visitors into paying customers efficiently.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-responsive-small--1774557344886-7b6abc97.png?_wi=2" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-sleek-portfolio-p-1774557345013-18472d92.png?_wi=2" } },
-          title: "Mobile Responsive Design",          description: "Ensure your site looks perfect on every screen, from phones to desktops.",          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-responsive-small--1774557344886-7b6abc97.png?_wi=1"},
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-sleek-portfolio-p-1774557345013-18472d92.png?_wi=1"},
-        },
-        {
-          id: 2,
-          title: "Conversion Focused",          description: "Optimized layouts designed to turn visitors into paying customers efficiently.",          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-responsive-small--1774557344886-7b6abc97.png?_wi=2"},
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-sleek-portfolio-p-1774557345013-18472d92.png?_wi=2"},
-        },
-        {
-          id: 3,
-          title: "Managed Hosting",          description: "Blazing fast and secure hosting so you can focus on running your business.",          phoneOne: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-responsive-small--1774557344886-7b6abc97.png?_wi=3"},
-          phoneTwo: {
-            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/mobile-phone-showing-a-sleek-portfolio-p-1774557345013-18472d92.png?_wi=3"},
-        },
       ]}
       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>
 
@@ -132,66 +90,33 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Alice Miller", handle: "@alice", testimonial: "Amazing work and incredible communication throughout the process.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/blurred-abstract-office-interior-profess-1774557344345-b5f232ef.png" },
-          id: "1",          name: "Alice Miller",          handle: "@alice",          testimonial: "Amazing work and incredible communication throughout the process.",          rating: 5,
+        { id: "2", name: "Bob Sanders", handle: "@bob", testimonial: "Professional, efficient, and truly understood what my business needed to grow.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/blurred-minimalist-design-studio-interio-1774557344849-978670a3.png" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/blurred-abstract-office-interior-profess-1774557344345-b5f232ef.png"},
-        {
-          id: "2",          name: "Bob Sanders",          handle: "@bob",          testimonial: "Professional, efficient, and truly understood what my business needed to grow.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/blurred-minimalist-design-studio-interio-1774557344849-978670a3.png"},
-        {
-          id: "3",          name: "Carol Davis",          handle: "@carol",          testimonial: "I finally have an online store that actually works and looks great.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/abstract-geometric-shapes-with-soft-grad-1774557344065-7fc94538.png"},
-        {
-          id: "4",          name: "David Wilson",          handle: "@david",          testimonial: "The best investment I have made in my business in years.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/clean-workspace-table-with-laptop-and-co-1774557344268-de8db8fb.png"},
       ]}
       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>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
-      useInvertedBackground={false}
+        tag="Get In Touch"
-      title="Let's Build Your Site"
+        tagIcon={Mail}
-      description="Ready to get started? Reach out today to receive a free consultation and proposal."
+        title="Contact Us"
-      inputs={[
+        description="Have questions or want to start your project? Reach out to us at sublimesites1@gmail.com and let's get building."
-        {
+        buttons={[{ text: "Email Us", href: "mailto:sublimesites1@gmail.com" }]}
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        background={{ variant: "plain" }}
-        },
+        useInvertedBackground={false}
-        {
+      />
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Tell us about your business...",        rows: 4,
-        required: true,
-      }}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEWGRl2gIwPr3jQBoIYDvkgZh/a-friendly-modern-agency-office-interior-1774557345128-c04c681a.png"
-      mediaAnimation="slide-up"
-    />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "SublimeSites", items: [{ label: "About Us", href: "/about-us" }, { label: "Services", href: "/#features" }] },
-          title: "SublimeSites",          items: [
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "/" }, { label: "Terms of Service", href: "/" }] },
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Services",              href: "#features"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
       ]}
       logoText="SublimeSites"
       copyrightText="© 2025 | SublimeSites"

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>
+  );
+}