Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -1,30 +1,50 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import Link from "next/link";
 
-const AboutPage = () => {
+export default function AboutPage() {
+  const navItems = [
+    { name: "Featured", id: "featured" },
+    { name: "Products", id: "products" },
+    { name: "Daily Offers", id: "daily-offers" },
+    { name: "Pricing", id: "pricing" },
+  ];
+
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
+      contentWidth="small"
+      sizing="largeSizeMediumTitles"
       background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="radial-glow"
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        {/* Navbar content */}
+        <NavbarLayoutFloatingInline
+          brandName="GamerPC"
+          navItems={navItems}
+          button={{ text: "Shop Now", href: "/products" }}
+          animateOnLoad={true}
+        />
       </div>
-      <div id="about" data-section="about">
-        {/* About section with background fixed */}
+
+      <div id="about" data-section="about" className="min-h-screen flex items-center justify-center p-6">
+        <div className="max-w-2xl text-center">
+          <h1 className="text-4xl font-bold mb-4">About GamerPC</h1>
+          <p className="text-lg text-foreground/80 mb-6">
+            We are dedicated to providing premium gaming systems built with the latest technology and uncompromising quality. Our mission is to empower gamers with the tools they need to compete, create, and dominate.
+          </p>
+          <p className="text-lg text-foreground/80">
+            Founded on the principles of performance, reliability, and customer excellence, GamerPC has become the trusted choice for competitive gamers, streamers, and PC enthusiasts worldwide.
+          </p>
+        </div>
       </div>
     </ThemeProvider>
   );
-};
-
-export default AboutPage;
+}

src/app/contact/page.tsx

@@ -1,30 +1,71 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactText from "@/components/sections/contact/ContactText";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import Link from "next/link";
 
-const ContactPage = () => {
+export default function ContactPage() {
+  const navItems = [
+    { name: "Featured", id: "featured" },
+    { name: "Products", id: "products" },
+    { name: "Daily Offers", id: "daily-offers" },
+    { name: "Pricing", id: "pricing" },
+  ];
+
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
       borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
+      contentWidth="small"
+      sizing="largeSizeMediumTitles"
       background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="radial-glow"
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        {/* Navbar content */}
+        <NavbarLayoutFloatingInline
+          brandName="GamerPC"
+          navItems={navItems}
+          button={{ text: "Shop Now", href: "/products" }}
+          animateOnLoad={true}
+        />
       </div>
+
       <div id="contact" data-section="contact">
-        {/* Contact section with background fixed and names property added */}
+        <ContactText
+          text="Get in touch with our gaming experts. We're here to help you find the perfect system for your needs."
+          animationType="reveal-blur"
+          buttons={[
+            { text: "Email Us", href: "mailto:support@gamerpc.com" },
+            { text: "Call Now", href: "tel:+1-800-GAMERPC" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="partners" data-section="partners">
+        <SocialProofOne
+          title="Our Partners"
+          description="We work with the best technology partners in the industry."
+          tag="Technology Partners"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          logos={[
+            "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"
+          ]}
+          names={[
+            "NVIDIA",            "AMD",            "Intel",            "Corsair",            "ASUS",            "MSI",            "Razer",            "Kingston"
+          ]}
+          speed={40}
+          showCard={true}
+        />
       </div>
     </ThemeProvider>
   );
-};
-
-export default ContactPage;
+}

src/app/page.tsx

@@ -0,0 +1,288 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
+import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
+import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
+import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+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,
+  Sparkles,
+  TrendingUp,
+  Users,
+  Clock,
+  Gift,
+} from "lucide-react";
+
+export default function HomePage() {
+  const navItems = [
+    { name: "Featured", id: "featured" },
+    { name: "Products", id: "products" },
+    { name: "Daily Offers", id: "daily-offers" },
+    { name: "Pricing", id: "pricing" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Products",      items: [
+        { label: "Gaming PCs", href: "/products" },
+        { label: "Gaming Laptops", href: "/products" },
+        { label: "Custom Builds", href: "/products" },
+        { label: "Peripherals", href: "/products" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "#" },
+        { label: "Our Team", href: "#" },
+        { label: "Careers", href: "#" },
+        { label: "Blog", href: "#" },
+      ],
+    },
+    {
+      title: "Support",      items: [
+        { label: "Contact Us", href: "#" },
+        { label: "FAQ", href: "#" },
+        { label: "Warranty", href: "#" },
+        { label: "Returns", href: "#" },
+      ],
+    },
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="small"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="GamerPC"
+          navItems={navItems}
+          button={{ text: "Shop Now", href: "/products" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroCarouselLogo
+          logoText="GAMER PC"
+          description="Experience ultimate gaming performance with our premium-built gaming PCs. Engineered for esports, streaming, and immersive gaming."
+          buttons={[
+            { text: "Explore Gaming PCs", href: "#featured" },
+            { text: "View All Products", href: "/products" },
+          ]}
+          slides={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880936.jpg",              imageAlt: "High-end gaming PC setup with RGB lighting"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg",              imageAlt: "Premium gaming laptop performance"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-key_23-2149680255.jpg",              imageAlt: "Gaming peripherals and accessories collection"},
+          ]}
+          autoplayDelay={4000}
+          showDimOverlay={true}
+        />
+      </div>
+
+      <div id="featured" data-section="featured">
+        <ProductCardThree
+          title="Featured Gaming Systems"
+          description="Our top-tier gaming PC builds optimized for maximum performance and visual fidelity."
+          tag="Best Sellers"
+          products={[
+            {
+              id: "1",              name: "UltraForce Elite RTX 4090",              price: "$3,499.00",              imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=1",              imageAlt: "UltraForce Elite RTX 4090 gaming PC",              initialQuantity: 1,
+            },
+            {
+              id: "2",              name: "ProGamer Titanium RTX 4080",              price: "$2,299.00",              imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=1",              imageAlt: "ProGamer Titanium RTX 4080 laptop",              initialQuantity: 1,
+            },
+            {
+              id: "3",              name: "StreamMaster Pro RTX 4070",              price: "$1,799.00",              imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=1",              imageAlt: "StreamMaster Pro RTX 4070 system",              initialQuantity: 1,
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </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="daily-offers" data-section="daily-offers">
+        <MetricCardThree
+          title="Daily Offers & Deals"
+          description="Limited-time gaming PC promotions updated daily with exclusive discounts."
+          tag="Hot Deals"
+          metrics={[
+            {
+              id: "1",              icon: Gift,
+              title: "Flash Sale",              value: "Save 20%"},
+            {
+              id: "2",              icon: Clock,
+              title: "Ends In",              value: "24 Hours"},
+            {
+              id: "3",              icon: TrendingUp,
+              title: "Best Offer",              value: "RTX 4080"},
+            {
+              id: "4",              icon: Users,
+              title: "Qty Left",              value: "5 Units"},
+          ]}
+          animationType="scale-rotate"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardThree
+          title="Choose Your Gaming PC"
+          description="From entry-level esports rigs to top-tier enthusiast builds, we have the perfect system for every gamer."
+          tag="Transparent Pricing"
+          plans={[
+            {
+              id: "basic",              price: "$899.00",              name: "Esports Starter",              buttons: [
+                { text: "Configure", href: "/products" },
+                { text: "Learn More", href: "#daily-offers" },
+              ],
+              features: [
+                "RTX 3060 Graphics",                "16GB DDR4 Memory",                "512GB SSD Storage",                "1-Year Warranty",                "Email Support"],
+            },
+            {
+              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
+              price: "$1,699.00",              name: "Pro Gamer Elite",              buttons: [
+                { text: "Configure", href: "/products" },
+                { text: "Learn More", href: "#daily-offers" },
+              ],
+              features: [
+                "RTX 4070 Graphics",                "32GB DDR5 Memory",                "1TB NVMe SSD",                "2-Year Warranty",                "Priority Support",                "Free Upgrades"],
+            },
+            {
+              id: "ultimate",              price: "$3,299.00",              name: "Ultimate Performance",              buttons: [
+                { text: "Configure", href: "/products" },
+                { text: "Learn More", href: "#daily-offers" },
+              ],
+              features: [
+                "RTX 4090 Graphics",                "64GB DDR5 Memory",                "2TB NVMe SSD",                "3-Year Warranty",                "24/7 VIP Support",                "Lifetime Upgrades",                "Custom Build Options"],
+            },
+          ]}
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardFive
+          title="What Gamers Are Saying"
+          description="Real experiences from competitive gamers, streamers, and PC enthusiasts."
+          tag="Customer Reviews"
+          testimonials={[
+            {
+              id: "1",              name: "Alex Chen, Professional Esports Player",              date: "Date: 15 January 2025",              title: "Absolutely dominates in competitive play!",              quote: "This gaming PC has transformed my competitive gaming experience. The RTX 4090 delivers consistent 240+ fps, giving me the edge I need against top-tier opponents. Customer support was phenomenal.",              tag: "Pro Gamer Elite",              avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              avatarAlt: "Alex Chen",              imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg?_wi=1",              imageAlt: "Professional esports player setup"},
+            {
+              id: "2",              name: "Jordan Mills, Gaming Content Creator",              date: "Date: 22 December 2024",              title: "Perfect for streaming 4K gameplay!",              quote: "The StreamMaster Pro handles simultaneous gaming and streaming without breaking a sweat. Zero lag, perfect thermal management, and the RGB customization is incredible. Highly recommend to any streamer!",              tag: "StreamMaster Pro RTX 4070",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              avatarAlt: "Jordan Mills",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg?_wi=1",              imageAlt: "Gaming streamer setup"},
+            {
+              id: "3",              name: "Marcus Rodriguez, System Integrator",              date: "Date: 8 January 2025",              title: "Premium build quality and components",              quote: "I've built systems for years, and these components are top-tier. The attention to detail in cable management, cooling setup, and component selection is exceptional. My clients are absolutely thrilled.",              tag: "Ultimate Performance",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",              avatarAlt: "Marcus Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",              imageAlt: "System builder workspace"},
+            {
+              id: "4",              name: "Sarah Thompson, Gaming Enthusiast",              date: "Date: 28 December 2024",              title: "Best investment I've made for gaming!",              quote: "Finally upgraded from my old rig, and wow! The difference is night and day. Running all games on max settings, beautiful frame rates, and the build quality feels premium. Worth every penny!",              tag: "Pro Gamer Elite",              avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17079.jpg",              avatarAlt: "Sarah Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17079.jpg",              imageAlt: "Happy customer portrait"},
+            {
+              id: "5",              name: "Chris Nakamura, Casual Gamer",              date: "Date: 5 January 2025",              title: "Amazing value for money",              quote: "The Esports Starter is incredible for the price. I'm playing all my favorite titles on high settings without any issues. Great first gaming PC for someone just getting into gaming.",              tag: "Esports Starter",              avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              avatarAlt: "Chris Nakamura",              imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg?_wi=2",              imageAlt: "Gaming enthusiast"},
+            {
+              id: "6",              name: "Emma Davidson, VR Gaming Pioneer",              date: "Date: 12 January 2025",              title: "VR performance is mind-blowing!",              quote: "Running high-fidelity VR games at consistent 90+ fps is now possible. The cooling keeps the system stable during long VR sessions. This is the VR machine I've always wanted!",              tag: "Ultimate Performance",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              avatarAlt: "Emma Davidson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg?_wi=2",              imageAlt: "VR gamer setup"},
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofOne
+          title="Trusted by Gaming Leaders"
+          description="Powered by the world's most advanced gaming technology partners."
+          tag="Industry Partners"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          logos={[
+            "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"]}
+          names={[
+            "NVIDIA",            "AMD",            "Intel",            "Corsair",            "ASUS",            "MSI",            "Razer",            "Kingston"]}
+          speed={40}
+          showCard={true}
+        />
+      </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!"
+          animationType="reveal-blur"
+          buttons={[
+            { text: "Get in Touch", href: "#" },
+            { text: "Schedule a Demo", href: "#" },
+          ]}
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="GamerPC"
+          copyrightText="© 2025 GamerPC Inc. All rights reserved."
+          columns={footerColumns}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}