Update src/app/contact/page.tsx

src/app/about/page.tsx

@@ -2,21 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import Link from "next/link";
-import {
-  Zap,
-  Thermometer,
-  Cpu,
-  Palette,
-  ShieldCheck,
-  Truck,
-  Activity,
-  BarChart3,
-} from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -28,27 +16,24 @@ export default function AboutPage() {
 
   const footerColumns = [
     {
-      title: "Products",
+      title: "Products",      items: [
-      items: [
+        { label: "Gaming PCs", href: "/products" },
-        { label: "Gaming PCs", href: "/" },
+        { label: "Gaming Laptops", href: "/products" },
-        { label: "Gaming Laptops", href: "/" },
+        { label: "Custom Builds", href: "/products" },
-        { label: "Custom Builds", href: "/" },
+        { label: "Peripherals", href: "/products" },
-        { label: "Peripherals", href: "/" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
+        { label: "About Us", href: "#" },
-        { label: "About Us", href: "/about" },
+        { label: "Our Team", href: "#" },
-        { label: "Our Team", href: "/about" },
         { label: "Careers", href: "#" },
         { label: "Blog", href: "#" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
+        { label: "Contact Us", href: "#" },
-        { label: "Contact Us", href: "/contact" },
         { label: "FAQ", href: "#" },
         { label: "Warranty", href: "#" },
         { label: "Returns", href: "#" },
@@ -63,7 +48,7 @@ export default function AboutPage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="largeSizeMediumTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="radial-glow"
@@ -73,117 +58,20 @@ export default function AboutPage() {
         <NavbarLayoutFloatingInline
           brandName="GamerPC"
           navItems={navItems}
-          button={{
+          button={{ text: "Shop Now", href: "/products" }}
-            text: "Shop Now",
-            href: "/",
-          }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="products" data-section="products">
-        <FeatureHoverPattern
-          title="Why Choose GamerPC?"
-          description="Discover the features that make us the preferred choice for gaming enthusiasts and professionals."
-          tag="Key Advantages"
-          features={[
-            {
-              icon: Zap,
-              title: "Lightning-Fast Performance",
-              description:
-                "Cutting-edge GPUs and CPUs deliver 240+ fps on ultra settings. Experience gaming at its peak performance.",
-            },
-            {
-              icon: Thermometer,
-              title: "Advanced Cooling Systems",
-              description:
-                "Liquid cooling and precision airflow keep your system running cool during intense gaming sessions.",
-            },
-            {
-              icon: Cpu,
-              title: "Latest Components",
-              description:
-                "Built with current-gen hardware from NVIDIA, AMD, and Intel for the ultimate performance boost.",
-            },
-            {
-              icon: Palette,
-              title: "Customizable Designs",
-              description:
-                "Choose from multiple chassis, RGB lighting options, and custom build configurations to match your style.",
-            },
-            {
-              icon: ShieldCheck,
-              title: "Lifetime Support",
-              description:
-                "Dedicated support team available 24/7 for troubleshooting, upgrades, and technical assistance.",
-            },
-            {
-              icon: Truck,
-              title: "Fast Shipping",
-              description:
-                "Same-day preparation and rapid delivery. Get your gaming PC ready to dominate in days, not weeks.",
-            },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="specs" data-section="specs">
-        <MetricCardThree
-          title="Performance Metrics"
-          description="Real-world benchmarks showcasing our gaming PC capabilities."
-          tag="Technical Specs"
-          metrics={[
-            {
-              id: "1",
-              icon: Activity,
-              title: "Max FPS",
-              value: "240+",
-            },
-            {
-              id: "2",
-              icon: Zap,
-              title: "Processing Power",
-              value: "12-Core",
-            },
-            {
-              id: "3",
-              icon: BarChart3,
-              title: "VRAM Available",
-              value: "24GB",
-            },
-            {
-              id: "4",
-              icon: Thermometer,
-              title: "Temp Control",
-              value: "35-55°C",
-            },
-          ]}
-          animationType="scale-rotate"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to elevate your gaming experience? Let's find the perfect PC for you. Contact our gaming experts today!"
+          text="Learn more about our commitment to gaming excellence and innovation."
           animationType="reveal-blur"
           buttons={[
-            {
+            { text: "Get in Touch", href: "#" },
-              text: "Get in Touch",
+            { text: "Schedule a Demo", href: "#" },
-              href: "/contact",
-            },
-            {
-              text: "Schedule a Demo",
-              href: "/contact",
-            },
           ]}
-          background={{
+          background={{ variant: "plain" }}
-            variant: "fluid",
-          }}
           useInvertedBackground={false}
         />
       </div>

src/app/contact/page.tsx

@@ -3,16 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ContactText from "@/components/sections/contact/ContactText";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import FooterBase from "@/components/sections/footer/FooterBase";
 import Link from "next/link";
-import {
-  Clock,
-  MapPin,
-  Phone,
-  Mail,
-} from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
@@ -24,27 +17,24 @@ export default function ContactPage() {
 
   const footerColumns = [
     {
-      title: "Products",
+      title: "Products",      items: [
-      items: [
+        { label: "Gaming PCs", href: "/products" },
-        { label: "Gaming PCs", href: "/" },
+        { label: "Gaming Laptops", href: "/products" },
-        { label: "Gaming Laptops", href: "/" },
+        { label: "Custom Builds", href: "/products" },
-        { label: "Custom Builds", href: "/" },
+        { label: "Peripherals", href: "/products" },
-        { label: "Peripherals", href: "/" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
+        { label: "About Us", href: "#" },
-        { label: "About Us", href: "/about" },
+        { label: "Our Team", href: "#" },
-        { label: "Our Team", href: "/about" },
         { label: "Careers", href: "#" },
         { label: "Blog", href: "#" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
+        { label: "Contact Us", href: "#" },
-        { label: "Contact Us", href: "/contact" },
         { label: "FAQ", href: "#" },
         { label: "Warranty", href: "#" },
         { label: "Returns", href: "#" },
@@ -59,7 +49,7 @@ export default function ContactPage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="largeSizeMediumTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="radial-glow"
@@ -69,68 +59,20 @@ export default function ContactPage() {
         <NavbarLayoutFloatingInline
           brandName="GamerPC"
           navItems={navItems}
-          button={{
+          button={{ text: "Shop Now", href: "/products" }}
-            text: "Shop Now",
-            href: "/",
-          }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="contact-primary" data-section="contact-primary">
+      <div id="contact" data-section="contact">
         <ContactText
-          text="Get in touch with our gaming experts. We're here to help you find the perfect PC build for your needs and answer any questions you may have."
+          text="Ready to elevate your gaming experience? Let's find the perfect PC for you. Contact our gaming experts today!"
           animationType="reveal-blur"
           buttons={[
-            {
+            { text: "Get in Touch", href: "/contact" },
-              text: "Email Support",
+            { text: "Schedule a Demo", href: "/contact" },
-              href: "mailto:support@gamerpc.com",
-            },
-            {
-              text: "Live Chat",
-              href: "#",
-            },
           ]}
-          background={{
+          background={{ variant: "plain" }}
-            variant: "fluid",
-          }}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="contact-info" data-section="contact-info">
-        <MetricCardThree
-          title="Contact Information"
-          description="Reach out to us through any of these channels"
-          tag="Support"
-          metrics={[
-            {
-              id: "1",
-              icon: Phone,
-              title: "Phone",
-              value: "+1-555-0123",
-            },
-            {
-              id: "2",
-              icon: Mail,
-              title: "Email",
-              value: "support@gamerpc.com",
-            },
-            {
-              id: "3",
-              icon: MapPin,
-              title: "Location",
-              value: "Gaming Hub HQ",
-            },
-            {
-              id: "4",
-              icon: Clock,
-              title: "Hours",
-              value: "24/7 Support",
-            },
-          ]}
-          animationType="scale-rotate"
-          textboxLayout="default"
           useInvertedBackground={false}
         />
       </div>
@@ -142,15 +84,11 @@ export default function ContactPage() {
           tag="Industry Partners"
           textboxLayout="default"
           useInvertedBackground={false}
+          names={[
+            "NVIDIA",            "AMD",            "Intel",            "Corsair",            "ASUS",            "MSI",            "Razer",            "Kingston"
+          ]}
           logos={[
-            "http://img.b2bpic.net/free-vector/modern-abstract-data-architect-business-card_23-2149020595.jpg",
+            "http://img.b2bpic.net/free-vector/modern-abstract-data-architect-business-card_23-2149020595.jpg",            "http://img.b2bpic.net/free-vector/gradient-texture-technology-facebook-cover_23-2149161834.jpg",            "http://img.b2bpic.net/free-vector/flat-electronics-logos-pack_23-2148976732.jpg",            "http://img.b2bpic.net/free-vector/viking-mask-logo-colorful-gradient_677411-1477.jpg",            "http://img.b2bpic.net/free-vector/black-friday-sale-neon-background_23-2147967948.jpg",            "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150760192.jpg",            "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148221684.jpg",            "http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2148995976.jpg"
-            "http://img.b2bpic.net/free-vector/gradient-texture-technology-facebook-cover_23-2149161834.jpg",
-            "http://img.b2bpic.net/free-vector/flat-electronics-logos-pack_23-2148976732.jpg",
-            "http://img.b2bpic.net/free-vector/viking-mask-logo-colorful-gradient_677411-1477.jpg",
-            "http://img.b2bpic.net/free-vector/black-friday-sale-neon-background_23-2147967948.jpg",
-            "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150760192.jpg",
-            "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148221684.jpg",
-            "http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2148995976.jpg",
           ]}
           speed={40}
           showCard={true}