From 4d4a4a683086d5c8a3b85f12fd7a2c12f3dbadf3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 14:19:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 499 +++++++++++++++++++++++++++++++++++++----------
 1 file changed, 394 insertions(+), 105 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 197e34c..26fbae2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,9 +10,188 @@ import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCar
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
-import { Sparkles, Zap, Brain, Lightbulb, Cpu, Thermometer, Shield, Wifi, Package, Newspaper, Quote, Award, TrendingUp, CheckCircle, Mail, Handshake } from "lucide-react";
+import { Sparkles, Zap, Brain, Lightbulb, Cpu, Thermometer, Shield, Wifi, Package, Newspaper, Quote, Award, TrendingUp, CheckCircle, Mail, Handshake, Smartphone, Camera, Battery, Maximize2 } from "lucide-react";
+import { useState } from "react";
+
+interface PhoneModel {
+  id: string;
+  name: string;
+  year: number;
+  category: string;
+  price: string;
+  imageSrc: string;
+  imageAlt: string;
+  specs: {
+    display: string;
+    processor: string;
+    camera: string;
+    battery: string;
+    ram: string;
+    storage: string;
+  };
+}
+
+const phoneModels: PhoneModel[] = [
+  // 2020 Models
+  {
+    id: "s20-ultra-2020",    name: "Galaxy S20 Ultra",    year: 2020,
+    category: "Flagship",    price: "$1,299.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S20 Ultra",    specs: {
+      display: "6.9\" Dynamic AMOLED 2X",      processor: "Snapdragon 865",      camera: "108MP Main",      battery: "5000 mAh",      ram: "12GB/16GB",      storage: "128GB/256GB/512GB"},
+  },
+  {
+    id: "s20-2020",    name: "Galaxy S20",    year: 2020,
+    category: "Flagship",    price: "$999.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S20",    specs: {
+      display: "6.2\" Dynamic AMOLED 2X",      processor: "Snapdragon 865",      camera: "64MP Main",      battery: "4000 mAh",      ram: "8GB/12GB",      storage: "128GB/256GB"},
+  },
+  {
+    id: "a71-2020",    name: "Galaxy A71",    year: 2020,
+    category: "Mid-Range",    price: "$599.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy A71",    specs: {
+      display: "6.7\" Super AMOLED",      processor: "Exynos 9820",      camera: "64MP Main",      battery: "4500 mAh",      ram: "6GB/8GB",      storage: "128GB"},
+  },
+  // 2021 Models
+  {
+    id: "s21-ultra-2021",    name: "Galaxy S21 Ultra",    year: 2021,
+    category: "Flagship",    price: "$1,199.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S21 Ultra",    specs: {
+      display: "6.8\" Dynamic AMOLED 2X",      processor: "Snapdragon 888",      camera: "108MP Main",      battery: "5000 mAh",      ram: "12GB/16GB",      storage: "128GB/256GB/512GB"},
+  },
+  {
+    id: "s21-2021",    name: "Galaxy S21",    year: 2021,
+    category: "Flagship",    price: "$799.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S21",    specs: {
+      display: "6.2\" Dynamic AMOLED 2X",      processor: "Snapdragon 888",      camera: "64MP Main",      battery: "4000 mAh",      ram: "8GB",      storage: "128GB/256GB"},
+  },
+  {
+    id: "z-fold-3-2021",    name: "Galaxy Z Fold3",    year: 2021,
+    category: "Foldable",    price: "$1,799.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png",    imageAlt: "Samsung Galaxy Z Fold3",    specs: {
+      display: "7.6\" Main Dynamic AMOLED",      processor: "Snapdragon 888",      camera: "64MP Main",      battery: "4400 mAh",      ram: "12GB",      storage: "256GB/512GB"},
+  },
+  // 2022 Models
+  {
+    id: "s22-ultra-2022",    name: "Galaxy S22 Ultra",    year: 2022,
+    category: "Flagship",    price: "$1,099.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S22 Ultra",    specs: {
+      display: "6.8\" AMOLED",      processor: "Snapdragon 8 Gen 1",      camera: "200MP Main",      battery: "5000 mAh",      ram: "12GB/16GB",      storage: "128GB/256GB/512GB/1TB"},
+  },
+  {
+    id: "s22-2022",    name: "Galaxy S22",    year: 2022,
+    category: "Flagship",    price: "$799.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S22",    specs: {
+      display: "6.1\" AMOLED",      processor: "Snapdragon 8 Gen 1",      camera: "50MP Main",      battery: "3700 mAh",      ram: "8GB",      storage: "128GB/256GB"},
+  },
+  {
+    id: "a52s-2022",    name: "Galaxy A52s",    year: 2022,
+    category: "Mid-Range",    price: "$449.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy A52s",    specs: {
+      display: "6.5\" Super AMOLED",      processor: "Snapdragon 778G+",      camera: "64MP Main",      battery: "4500 mAh",      ram: "6GB/8GB",      storage: "128GB/256GB"},
+  },
+  // 2023 Models
+  {
+    id: "s23-ultra-2023",    name: "Galaxy S23 Ultra",    year: 2023,
+    category: "Flagship",    price: "$1,199.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S23 Ultra",    specs: {
+      display: "6.8\" Dynamic AMOLED 2X",      processor: "Snapdragon 8 Gen 2",      camera: "200MP Main",      battery: "5000 mAh",      ram: "12GB/16GB",      storage: "256GB/512GB/1TB"},
+  },
+  {
+    id: "s23-2023",    name: "Galaxy S23",    year: 2023,
+    category: "Flagship",    price: "$799.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S23",    specs: {
+      display: "6.1\" Dynamic AMOLED 2X",      processor: "Snapdragon 8 Gen 2",      camera: "50MP Main",      battery: "4000 mAh",      ram: "8GB",      storage: "256GB/512GB"},
+  },
+  {
+    id: "z-fold-5-2023",    name: "Galaxy Z Fold5",    year: 2023,
+    category: "Foldable",    price: "$1,799.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png",    imageAlt: "Samsung Galaxy Z Fold5",    specs: {
+      display: "7.6\" Main Dynamic AMOLED",      processor: "Snapdragon 8 Gen 2",      camera: "50MP Main",      battery: "4400 mAh",      ram: "12GB",      storage: "256GB/512GB"},
+  },
+  {
+    id: "a14-2023",    name: "Galaxy A14",    year: 2023,
+    category: "Budget",    price: "$149.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy A14",    specs: {
+      display: "6.6\" IPS LCD",      processor: "MediaTek Helio G80",      camera: "50MP Main",      battery: "5000 mAh",      ram: "4GB",      storage: "64GB/128GB"},
+  },
+  // 2024 Models
+  {
+    id: "s24-ultra-2024",    name: "Galaxy S24 Ultra",    year: 2024,
+    category: "Flagship",    price: "$1,299.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S24 Ultra",    specs: {
+      display: "6.8\" Dynamic AMOLED 2X",      processor: "Snapdragon 8 Gen 3",      camera: "200MP Main AI",      battery: "5000 mAh",      ram: "12GB/16GB",      storage: "256GB/512GB/1TB"},
+  },
+  {
+    id: "s24-2024",    name: "Galaxy S24",    year: 2024,
+    category: "Flagship",    price: "$799.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S24",    specs: {
+      display: "6.2\" Dynamic AMOLED 2X",      processor: "Snapdragon 8 Gen 3",      camera: "50MP Main AI",      battery: "4000 mAh",      ram: "8GB/12GB",      storage: "256GB/512GB"},
+  },
+  {
+    id: "z-fold-6-2024",    name: "Galaxy Z Fold6",    year: 2024,
+    category: "Foldable",    price: "$1,899.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png",    imageAlt: "Samsung Galaxy Z Fold6",    specs: {
+      display: "7.6\" Main Dynamic AMOLED",      processor: "Snapdragon 8 Gen 3",      camera: "50MP Main AI",      battery: "4900 mAh",      ram: "12GB/16GB",      storage: "256GB/512GB"},
+  },
+  {
+    id: "a54-2024",    name: "Galaxy A54",    year: 2024,
+    category: "Mid-Range",    price: "$449.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy A54",    specs: {
+      display: "6.4\" Super AMOLED",      processor: "Exynos 1280",      camera: "50MP Main",      battery: "5000 mAh",      ram: "6GB/8GB",      storage: "128GB/256GB"},
+  },
+  // 2025 Models
+  {
+    id: "s25-ultra-2025",    name: "Galaxy S25 Ultra",    year: 2025,
+    category: "Flagship",    price: "$1,299.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S25 Ultra",    specs: {
+      display: "6.9\" Dynamic AMOLED 2X",      processor: "Snapdragon 8 Elite",      camera: "200MP Main AI Pro",      battery: "5000 mAh",      ram: "16GB/24GB",      storage: "256GB/512GB/1TB"},
+  },
+  {
+    id: "s25-2025",    name: "Galaxy S25",    year: 2025,
+    category: "Flagship",    price: "$799.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S25",    specs: {
+      display: "6.3\" Dynamic AMOLED 2X",      processor: "Snapdragon 8 Elite",      camera: "50MP Main AI Pro",      battery: "4100 mAh",      ram: "12GB/16GB",      storage: "256GB/512GB"},
+  },
+  {
+    id: "z-fold-7-2025",    name: "Galaxy Z Fold7",    year: 2025,
+    category: "Foldable",    price: "$1,999.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png",    imageAlt: "Samsung Galaxy Z Fold7",    specs: {
+      display: "7.6\" Main Dynamic AMOLED",      processor: "Snapdragon 8 Elite",      camera: "50MP Main AI Pro",      battery: "5100 mAh",      ram: "16GB/24GB",      storage: "256GB/512GB/1TB"},
+  },
+  // 2026 Models (Upcoming)
+  {
+    id: "s26-ultra-2026",    name: "Galaxy S26 Ultra",    year: 2026,
+    category: "Flagship",    price: "$1,399.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S26 Ultra",    specs: {
+      display: "6.9\" Dynamic AMOLED 3X",      processor: "Snapdragon 9 Gen 1",      camera: "250MP Main AI Ultra",      battery: "5200 mAh",      ram: "16GB/24GB/32GB",      storage: "256GB/512GB/1TB/2TB"},
+  },
+  {
+    id: "s26-2026",    name: "Galaxy S26",    year: 2026,
+    category: "Flagship",    price: "$899.99",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",    imageAlt: "Samsung Galaxy S26",    specs: {
+      display: "6.3\" Dynamic AMOLED 3X",      processor: "Snapdragon 9 Gen 1",      camera: "60MP Main AI Ultra",      battery: "4200 mAh",      ram: "12GB/16GB/24GB",      storage: "256GB/512GB/1TB"},
+  },
+];
+
+const categorizePhones = (models: PhoneModel[]) => {
+  const categories: { [key: string]: PhoneModel[] } = {};
+  models.forEach((phone) => {
+    if (!categories[phone.category]) {
+      categories[phone.category] = [];
+    }
+    categories[phone.category].push(phone);
+  });
+  return categories;
+};
+
+const getYears = (models: PhoneModel[]) => {
+  const years = Array.from(new Set(models.map((m) => m.year))).sort((a, b) => b - a);
+  return years;
+};
 
 export default function LandingPage() {
+  const [selectedYear, setSelectedYear] = useState<number | null>(null);
+  const [selectedCategory, setSelectedCategory] = useState<string | null>(null);
+  const [selectedPhone, setSelectedPhone] = useState<PhoneModel | null>(null);
+
+  const categorizedPhones = categorizePhones(phoneModels);
+  const availableYears = getYears(phoneModels);
+
+  let filteredPhones = phoneModels;
+  if (selectedYear) {
+    filteredPhones = filteredPhones.filter((p) => p.year === selectedYear);
+  }
+  if (selectedCategory) {
+    filteredPhones = filteredPhones.filter((p) => p.category === selectedCategory);
+  }
+
+  const productItems = filteredPhones.map((phone) => ({
+    id: phone.id,
+    name: phone.name,
+    price: phone.price,
+    imageSrc: phone.imageSrc,
+    imageAlt: phone.imageAlt,
+    onProductClick: () => setSelectedPhone(phone),
+  }));
+
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -30,8 +209,8 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           navItems={[
             { name: "Features", id: "features" },
-            { name: "Products", id: "products" },
-            { name: "News", id: "news" },
+            { name: "Catalog", id: "products" },
+            { name: "Testimonials", id: "testimonials" },
             { name: "Contact", id: "contact" },
             { name: "Learn More", id: "https://www.samsung.com" },
           ]}
@@ -43,28 +222,24 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardGallery
-          title="Samsung Innovation Unveiled"
-          description="Experience the future of technology with Samsung's latest breakthroughs in AI, display technology, and connectivity. Discover revolutionary features that redefine what's possible."
-          tag="2025 Tech Showcase"
-          tagIcon={Sparkles}
+          title="Samsung Phone Catalog 2020-2026"
+          description="Explore Samsung's comprehensive phone lineup spanning seven years of innovation. From flagship powerhouses to budget-friendly options, discover the evolution of mobile technology with detailed specifications for every model."
+          tag="Complete Phone Database"
+          tagIcon={Smartphone}
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           buttons={[
-            { text: "Explore Features", href: "#features" },
-            { text: "View Products", href: "#products" },
+            { text: "Browse Catalog", href: "#products" },
+            { text: "View Features", href: "#features" },
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png",              imageAlt: "Samsung Galaxy Fold with glowing effects"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-s-advanced-ai-processor-chip-wit-1772891716490-3b076650.png",              imageAlt: "Samsung phone evolution"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-s-advanced-ai-processor-chip-wit-1772891716490-3b076650.png",              imageAlt: "Advanced AI processor chip glowing"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png",              imageAlt: "Samsung flagship device"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-amoled-curved-display-with-vibra-1772891718169-97a9ecc9.png",              imageAlt: "Samsung AMOLED curved display"},
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/advanced-thermal-management-cooling-syst-1772891719546-2b8d5e28.png",              imageAlt: "Advanced thermal cooling system"},
-            {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png?_wi=1",              imageAlt: "Samsung Galaxy S24 smartphone"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png",              imageAlt: "Samsung foldable innovation"},
           ]}
           mediaAnimation="blur-reveal"
         />
@@ -72,30 +247,30 @@ export default function LandingPage() {
 
       <div id="features" data-section="features">
         <FeatureHoverPattern
-          title="Cutting-Edge Features"
-          description="Discover the innovative technologies that power Samsung's latest devices with advanced AI integration, breakthrough display technology, and premium thermal management."
-          tag="Technology"
+          title="Key Technologies Across Our Catalog"
+          description="Discover the revolutionary features that define Samsung phones across every generation and category, from cutting-edge AI to innovative display technologies."
+          tag="Technology Highlights"
           tagIcon={Zap}
           tagAnimation="slide-up"
           features={[
             {
               icon: Brain,
-              title: "AI-Powered Intelligence",              description: "Advanced machine learning algorithms optimize your device performance, camera quality, and user experience in real-time with neural processing capabilities."},
+              title: "AI-Powered Intelligence",              description: "Advanced machine learning algorithms optimize performance, camera quality, and user experience across all models."},
             {
-              icon: Lightbulb,
-              title: "Dynamic Display Tech",              description: "Revolutionary AMOLED displays with adaptive refresh rates and intelligent brightness management for stunning visuals with exceptional power efficiency."},
+              icon: Smartphone,
+              title: "Dynamic Display Tech",              description: "Revolutionary AMOLED and Super AMOLED displays with adaptive refresh rates for stunning visuals."},
             {
               icon: Cpu,
-              title: "Premium Performance",              description: "Next-generation processors delivering blazing-fast speeds and seamless multitasking with advanced architectural innovations and power optimization."},
+              title: "Premium Performance",              description: "Next-generation Snapdragon and Exynos processors delivering exceptional speed and efficiency."},
             {
-              icon: Thermometer,
-              title: "Thermal Excellence",              description: "Advanced cooling systems with liquid-like thermal conductivity keep devices cool under extreme usage for sustained performance without throttling."},
+              icon: Camera,
+              title: "Advanced Imaging",              description: "50MP to 200MP camera systems with AI enhancement for professional-grade photography."},
             {
-              icon: Shield,
-              title: "Security & Privacy",              description: "Multi-layer security architecture with hardware-based encryption and privacy-first design to protect your personal data and sensitive information."},
+              icon: Battery,
+              title: "Extended Battery Life",              description: "4000-5200 mAh batteries with intelligent power management across all device tiers."},
             {
-              icon: Wifi,
-              title: "5G Connectivity",              description: "Lightning-fast 5G networks with seamless global connectivity, lower latency, and enhanced streaming capabilities for next-generation applications."},
+              icon: Maximize2,
+              title: "Innovative Form Factors",              description: "From foldable screens to ultra-wide displays, Samsung pushes the boundaries of phone design."},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -104,79 +279,193 @@ export default function LandingPage() {
       </div>
 
       <div id="products" data-section="products">
-        <ProductCardThree
-          title="Samsung Product Lineup"
-          description="Explore our premium collection of flagship devices engineered with cutting-edge technology and stunning design."
-          tag="Latest Products"
-          tagIcon={Package}
-          tagAnimation="slide-up"
-          products={[
-            {
-              id: "1",              name: "Galaxy S24 Ultra",              price: "$1,299.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-s24-smartphone-displayed--1772891723308-1a883562.png?_wi=2",              imageAlt: "Samsung Galaxy S24 Ultra smartphone",              initialQuantity: 1,
-            },
-            {
-              id: "2",              name: "Galaxy Watch 7",              price: "$399.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-watch-7-on-dark-luxury-ba-1772891717104-7187a1a8.png",              imageAlt: "Samsung Galaxy Watch 7 smartwatch",              initialQuantity: 1,
-            },
-            {
-              id: "3",              name: "Galaxy Buds Pro",              price: "$229.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/samsung-galaxy-buds-pro-with-premium-cha-1772891717714-eb471f8d.png",              imageAlt: "Samsung Galaxy Buds Pro earbuds",              initialQuantity: 1,
-            },
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
+        <div className="w-full bg-gradient-to-b from-transparent via-accent/5 to-transparent py-12">
+          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div className="mb-8">
+              <h2 className="text-3xl sm:text-4xl font-extrabold mb-2">Samsung Phone Catalog</h2>
+              <p className="text-lg text-foreground/70 mb-6">Filter by year and category to explore specific models</p>
 
-      <div id="news" data-section="news">
-        <BlogCardTwo
-          title="Latest News & Updates"
-          description="Stay informed with Samsung's latest announcements, technology breakthroughs, and innovation stories."
-          tag="News"
-          tagIcon={Newspaper}
-          tagAnimation="slide-up"
-          blogs={[
-            {
-              id: "1",              category: ["AI", "Innovation"],
-              title: "Revolutionary AI Chip Launches",              excerpt: "Samsung unveils its most advanced AI processor yet, delivering unprecedented performance for on-device machine learning and real-time processing.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/abstract-ai-innovation-visualization-wit-1772891717793-47be549e.png",              imageAlt: "Samsung AI innovation breakthrough",              authorName: "Dr. Lee Park",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-corporate-headshot-of-a-tec-1772891716885-ea3e1c58.png",              date: "January 25, 2025"},
-            {
-              id: "2",              category: ["Display", "Technology"],
-              title: "Next-Gen Display Technology",              excerpt: "Samsung's latest AMOLED breakthrough delivers brighter, more energy-efficient displays with revolutionary color accuracy and refresh rate capabilities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/cutting-edge-display-technology-breakthr-1772891717422-7b34d9e3.png",              imageAlt: "Samsung display technology breakthrough",              authorName: "Kim Jung-soo",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-portrait-of-a-technology-pr-1772891719821-d4a81453.png",              date: "January 22, 2025"},
-            {
-              id: "3",              category: ["5G", "Connectivity"],
-              title: "5G Infrastructure Expansion",              excerpt: "Samsung expands global 5G network leadership with new partnerships and infrastructure innovations enabling faster connectivity worldwide.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/5g-connectivity-network-visualization-wi-1772891717609-555264e2.png",              imageAlt: "Samsung 5G network connectivity",              authorName: "Maria Chen",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/creative-professional-portrait-with-mode-1772891724905-a7ea1f1e.png",              date: "January 20, 2025"},
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
+              <div className="flex flex-wrap gap-3 mb-8">
+                <button
+                  onClick={() => setSelectedYear(null)}
+                  className={`px-4 py-2 rounded-full font-medium transition-all ${
+                    selectedYear === null
+                      ? "bg-primary-cta text-white"
+                      : "bg-card text-foreground hover:bg-card/80"
+                  }`}
+                >
+                  All Years
+                </button>
+                {availableYears.map((year) => (
+                  <button
+                    key={year}
+                    onClick={() => setSelectedYear(year)}
+                    className={`px-4 py-2 rounded-full font-medium transition-all ${
+                      selectedYear === year
+                        ? "bg-primary-cta text-white"
+                        : "bg-card text-foreground hover:bg-card/80"
+                    }`}
+                  >
+                    {year}
+                  </button>
+                ))}
+              </div>
+
+              <div className="flex flex-wrap gap-3">
+                <button
+                  onClick={() => setSelectedCategory(null)}
+                  className={`px-4 py-2 rounded-full font-medium transition-all ${
+                    selectedCategory === null
+                      ? "bg-secondary-cta text-white"
+                      : "bg-card text-foreground hover:bg-card/80"
+                  }`}
+                >
+                  All Categories
+                </button>
+                {Object.keys(categorizedPhones).map((category) => (
+                  <button
+                    key={category}
+                    onClick={() => setSelectedCategory(category)}
+                    className={`px-4 py-2 rounded-full font-medium transition-all ${
+                      selectedCategory === category
+                        ? "bg-secondary-cta text-white"
+                        : "bg-card text-foreground hover:bg-card/80"
+                    }`}
+                  >
+                    {category}
+                  </button>
+                ))}
+              </div>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
+              {filteredPhones.map((phone) => (
+                <div
+                  key={phone.id}
+                  onClick={() => setSelectedPhone(phone)}
+                  className="group cursor-pointer bg-card rounded-lg overflow-hidden hover:shadow-lg transition-all duration-300 transform hover:scale-105"
+                >
+                  <div className="aspect-square overflow-hidden bg-background">
+                    <img
+                      src={phone.imageSrc}
+                      alt={phone.imageAlt}
+                      className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-300"
+                    />
+                  </div>
+                  <div className="p-4">
+                    <div className="flex justify-between items-start mb-2">
+                      <div>
+                        <h3 className="font-bold text-lg">{phone.name}</h3>
+                        <p className="text-sm text-foreground/60">{phone.category}</p>
+                      </div>
+                      <span className="text-xs bg-accent/20 text-accent px-2 py-1 rounded-full">{phone.year}</span>
+                    </div>
+                    <p className="text-primary-cta font-bold text-xl mb-3">{phone.price}</p>
+                    <button className="w-full bg-primary-cta text-white py-2 rounded-lg font-medium hover:opacity-90 transition-opacity">
+                      View Details
+                    </button>
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            {selectedPhone && (
+              <div className="fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50 rounded-lg">
+                <div className="bg-card rounded-lg max-w-2xl w-full max-h-96 overflow-auto">
+                  <div className="p-6 border-b border-background">
+                    <div className="flex justify-between items-start">
+                      <div>
+                        <h2 className="text-2xl font-bold mb-2">{selectedPhone.name}</h2>
+                        <div className="flex gap-2 mb-2">
+                          <span className="px-3 py-1 bg-primary-cta/20 text-primary-cta rounded-full text-sm font-medium">
+                            {selectedPhone.category}
+                          </span>
+                          <span className="px-3 py-1 bg-accent/20 text-accent rounded-full text-sm font-medium">
+                            {selectedPhone.year}
+                          </span>
+                        </div>
+                        <p className="text-3xl font-bold text-primary-cta">{selectedPhone.price}</p>
+                      </div>
+                      <button
+                        onClick={() => setSelectedPhone(null)}
+                        className="text-2xl font-bold text-foreground/50 hover:text-foreground"
+                      >
+                        ✕
+                      </button>
+                    </div>
+                  </div>
+                  <div className="p-6">
+                    <h3 className="text-lg font-bold mb-4">Specifications</h3>
+                    <div className="grid grid-cols-2 gap-4">
+                      <div>
+                        <p className="text-sm text-foreground/60">Display</p>
+                        <p className="font-medium">{selectedPhone.specs.display}</p>
+                      </div>
+                      <div>
+                        <p className="text-sm text-foreground/60">Processor</p>
+                        <p className="font-medium">{selectedPhone.specs.processor}</p>
+                      </div>
+                      <div>
+                        <p className="text-sm text-foreground/60">Camera</p>
+                        <p className="font-medium">{selectedPhone.specs.camera}</p>
+                      </div>
+                      <div>
+                        <p className="text-sm text-foreground/60">Battery</p>
+                        <p className="font-medium">{selectedPhone.specs.battery}</p>
+                      </div>
+                      <div>
+                        <p className="text-sm text-foreground/60">RAM</p>
+                        <p className="font-medium">{selectedPhone.specs.ram}</p>
+                      </div>
+                      <div>
+                        <p className="text-sm text-foreground/60">Storage</p>
+                        <p className="font-medium">{selectedPhone.specs.storage}</p>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="p-6 border-t border-background flex gap-3">
+                    <button
+                      onClick={() => setSelectedPhone(null)}
+                      className="flex-1 bg-secondary-cta text-white py-2 rounded-lg font-medium hover:opacity-90 transition-opacity"
+                    >
+                      Close
+                    </button>
+                    <button className="flex-1 bg-primary-cta text-white py-2 rounded-lg font-medium hover:opacity-90 transition-opacity">
+                      Learn More
+                    </button>
+                  </div>
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTwo
-          title="Industry Recognition"
-          description="Hear from technology leaders and innovators about Samsung's impact on the industry."
-          tag="Testimonials"
+          title="What Industry Experts Say"
+          description="Leading technology professionals and industry analysts praise Samsung's innovation across our phone lineup."
+          tag="Industry Recognition"
           tagIcon={Quote}
           tagAnimation="slide-up"
           testimonials={[
             {
-              id: "1",              name: "Dr. Sarah Johnson",              role: "Tech Innovation Director",              testimonial: "Samsung's commitment to innovation sets the industry standard. Their breakthrough technologies consistently push the boundaries of what's possible.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-corporate-headshot-of-a-tec-1772891716885-ea3e1c58.png?_wi=1",              imageAlt: "Dr. Sarah Johnson",              icon: Award,
+              id: "1",              name: "Dr. Sarah Johnson",              role: "Tech Innovation Director",              testimonial: "Samsung's phone catalog represents the best in mobile innovation. From the Galaxy S series to foldables, each device pushes boundaries.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-corporate-headshot-of-a-tec-1772891716885-ea3e1c58.png",              imageAlt: "Dr. Sarah Johnson",              icon: Award,
             },
             {
-              id: "2",              name: "Michael Chen",              role: "Chief Technology Officer",              testimonial: "The integration of AI with Samsung's hardware creates an unmatched user experience. Their devices are truly revolutionary.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-portrait-of-a-technology-pr-1772891719821-d4a81453.png?_wi=1",              imageAlt: "Michael Chen",              icon: Award,
+              id: "2",              name: "Michael Chen",              role: "Chief Technology Officer",              testimonial: "The evolution of Samsung phones from 2020 to 2026 shows incredible commitment to user experience and technological advancement.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-portrait-of-a-technology-pr-1772891719821-d4a81453.png",              imageAlt: "Michael Chen",              icon: Award,
             },
             {
-              id: "3",              name: "Emma Rodriguez",              role: "Design Lead",              testimonial: "Samsung balances cutting-edge technology with elegant design. Every product is a masterpiece of engineering and aesthetics.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/creative-professional-portrait-with-mode-1772891724905-a7ea1f1e.png",              imageAlt: "Emma Rodriguez",              icon: Sparkles,
+              id: "3",              name: "Emma Rodriguez",              role: "Design Lead",              testimonial: "Samsung's design philosophy balances cutting-edge technology with elegant aesthetics across their entire phone portfolio.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/creative-professional-portrait-with-mode-1772891724905-a7ea1f1e.png",              imageAlt: "Emma Rodriguez",              icon: Sparkles,
             },
             {
-              id: "4",              name: "David Kim",              role: "Industry Analyst",              testimonial: "Samsung's 5G and AI innovations are reshaping the entire technology landscape. They lead where others follow.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-analyst-or-researcher-portr-1772891717492-412dfe70.png",              imageAlt: "David Kim",              icon: TrendingUp,
+              id: "4",              name: "David Kim",              role: "Industry Analyst",              testimonial: "Samsung's comprehensive phone lineup caters to every market segment with exceptional quality and innovation at each price point.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-analyst-or-researcher-portr-1772891717492-412dfe70.png",              imageAlt: "David Kim",              icon: TrendingUp,
             },
             {
-              id: "5",              name: "Lisa Zhang",              role: "Product Strategy Manager",              testimonial: "Working with Samsung's ecosystem is seamless. Their products complement each other perfectly for the ultimate connected experience.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-corporate-headshot-of-a-tec-1772891716885-ea3e1c58.png?_wi=2",              imageAlt: "Lisa Zhang",              icon: Zap,
+              id: "5",              name: "Lisa Zhang",              role: "Product Strategy Manager",              testimonial: "The seamless integration between Samsung phones and their ecosystem makes them the obvious choice for tech enthusiasts.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-corporate-headshot-of-a-tec-1772891716885-ea3e1c58.png",              imageAlt: "Lisa Zhang",              icon: Zap,
             },
             {
-              id: "6",              name: "James Wilson",              role: "Technology Writer",              testimonial: "Samsung consistently delivers products that exceed expectations. Their attention to detail and innovation is unparalleled in the market.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-portrait-of-a-technology-pr-1772891719821-d4a81453.png?_wi=2",              imageAlt: "James Wilson",              icon: CheckCircle,
+              id: "6",              name: "James Wilson",              role: "Technology Writer",              testimonial: "Samsung's catalog demonstrates their dedication to providing quality phones at every price point. Truly impressive.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/professional-portrait-of-a-technology-pr-1772891719821-d4a81453.png",              imageAlt: "James Wilson",              icon: CheckCircle,
             },
           ]}
           animationType="slide-up"
@@ -187,12 +476,12 @@ export default function LandingPage() {
 
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
-          title="Trusted by Global Technology Leaders"
-          description="Samsung partners with the world's leading technology companies to deliver cutting-edge innovation."
-          tag="Partners"
+          title="Trusted by Leading Technology Companies"
+          description="Samsung partners with the world's most innovative companies to deliver cutting-edge mobile technology."
+          tag="Global Partners"
           tagIcon={Handshake}
           tagAnimation="slide-up"
-          names={["Google", "Qualcomm", "ARM Holdings", "LG Electronics", "Sony Corporation", "Microsoft", "Apple"]}
+          names={["Google", "Qualcomm", "ARM Holdings", "Microsoft", "Intel", "Sony", "Harman"]}
           logos={[
             "http://img.b2bpic.net/free-vector/president-s-day-label-collection_23-2148801179.jpg",            "http://img.b2bpic.net/free-vector/flat-electronics-logo-templates_23-2148967495.jpg",            "http://img.b2bpic.net/free-vector/logotype_23-2148145169.jpg",            "http://img.b2bpic.net/free-vector/flat-go-logo-template-set_23-2148987931.jpg",            "http://img.b2bpic.net/free-vector/gradient-e-logo-template-collection_23-2148897414.jpg",            "http://img.b2bpic.net/free-vector/social-media-logotype-collection_23-2148167455.jpg",            "http://img.b2bpic.net/free-vector/gradient-abstract-logo-template_23-2148160503.jpg"]}
           textboxLayout="default"
@@ -207,11 +496,11 @@ export default function LandingPage() {
           tag="Get In Touch"
           tagIcon={Mail}
           tagAnimation="slide-up"
-          title="Experience Samsung Innovation Today"
-          description="Connect with our team to learn more about Samsung's latest technology breakthroughs and how they can transform your digital experience."
+          title="Explore Samsung's Complete Phone Catalog"
+          description="Discover the perfect Samsung phone for your needs. Browse our comprehensive catalog spanning 2020-2026 with detailed specifications, pricing, and features for every model."
           buttons={[
-            { text: "Contact Sales", href: "https://www.samsung.com/us/business/contact/" },
-            { text: "Explore More", href: "https://www.samsung.com" },
+            { text: "Browse Full Catalog", href: "#products" },
+            { text: "Contact Samsung", href: "https://www.samsung.com/us/business/contact/" },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
@@ -224,35 +513,35 @@ export default function LandingPage() {
           logoText="Samsung"
           columns={[
             {
-              title: "Products",              items: [
-                { label: "Galaxy S24", href: "#products" },
-                { label: "Galaxy Watch", href: "#products" },
-                { label: "Galaxy Buds", href: "#products" },
+              title: "Phone Categories",              items: [
+                { label: "Flagship Series", href: "#products" },
+                { label: "Mid-Range", href: "#products" },
+                { label: "Foldables", href: "#products" },
               ],
             },
             {
-              title: "Technology",              items: [
-                { label: "AI Innovation", href: "#features" },
-                { label: "Display Tech", href: "#features" },
-                { label: "5G Connectivity", href: "#features" },
+              title: "Years",              items: [
+                { label: "2024-2025 Models", href: "#products" },
+                { label: "2022-2023 Models", href: "#products" },
+                { label: "2020-2021 Models", href: "#products" },
               ],
             },
             {
-              title: "Company",              items: [
-                { label: "About Samsung", href: "https://www.samsung.com/us/about-samsung/" },
-                { label: "News & Press", href: "#news" },
-                { label: "Careers", href: "https://www.samsung.com/us/business/careers/" },
+              title: "Information",              items: [
+                { label: "Specifications", href: "#products" },
+                { label: "Technology", href: "#features" },
+                { label: "Compare Models", href: "#products" },
               ],
             },
             {
               title: "Support",              items: [
                 { label: "Help Center", href: "https://www.samsung.com/us/support/" },
                 { label: "Contact Us", href: "#contact" },
-                { label: "Warranty", href: "https://www.samsung.com/us/support/" },
+                { label: "Visit Samsung", href: "https://www.samsung.com" },
               ],
             },
           ]}
-          copyrightText="© 2025 Samsung Electronics. All Rights Reserved."
+          copyrightText="© 2025 Samsung Electronics. All Rights Reserved. | Complete Phone Catalog"
         />
       </div>
     </ThemeProvider>