Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-03-07 14:19:44 +00:00
2 changed files with 406 additions and 145 deletions

View File

@@ -1,55 +1,28 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Public_Sans } from "next/font/google";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
const geist = Geist({
variable: "--font-geist-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const publicSans = Public_Sans({
variable: "--font-public-sans", subsets: ["latin"],
const geist_mono = Geist_Mono({
variable: "--font-geist-mono", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Samsung Technology 2025 - Innovation Showcase", description: "Explore Samsung's cutting-edge technology innovations including AI processors, revolutionary displays, and 5G connectivity. Experience the future of technology.", keywords: "Samsung, technology, AI, display, 5G, innovation, Galaxy, smart devices", robots: {
index: true,
follow: true,
},
openGraph: {
title: "Samsung Technology 2025 - Innovation Showcase", description: "Discover Samsung's latest breakthroughs in AI, display technology, and global connectivity.", type: "website", siteName: "Samsung", images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png", alt: "Samsung Galaxy Fold Innovation"},
],
},
twitter: {
card: "summary_large_image", title: "Samsung Technology 2025 - Innovation Showcase", description: "Experience the future with Samsung's revolutionary technology breakthroughs.", images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARK4PdridlZpDx9QrcHVnCrhiQ/ultra-modern-samsung-galaxy-fold-smartph-1772891720106-4ebde834.png"],
},
};
title: "Samsung Phone Catalog", description: "Explore Samsung's comprehensive phone catalog from 2020-2026 with detailed specifications and features."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={`${geist.variable} ${geist_mono.variable}`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1417,7 +1390,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -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>