diff --git a/src/app/page.tsx b/src/app/page.tsx index b848eed..1b7cb6a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -22,267 +22,142 @@ export default function HomePage() { const heroSlides = [ { - imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg?_wi=1", - imageAlt: "high-end gaming PC RGB lighting desk setup", - }, + imageSrc: "http://img.b2bpic.net/free-photo/professional-video-gamer-female-playing-online-shooter-game-late-night-living-room_482257-22778.jpg", imageAlt: "high-end gaming PC RGB lighting desk setup"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-flowerpots-dark-background_169016-55233.jpg?_wi=1", - imageAlt: "professional laptop workstation setup business", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-flowerpots-dark-background_169016-55233.jpg", imageAlt: "professional laptop workstation setup business"}, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-board-components_23-2148419192.jpg", - imageAlt: "computer components CPU GPU processor card", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-board-components_23-2148419192.jpg", imageAlt: "computer components CPU GPU processor card"}, ]; const featuredProducts = [ { - id: "1", - brand: "TechNova Elite", - name: "Gaming PC Pro Max", - price: "$2,499.00", - rating: 5, - reviewCount: "156", - imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-man-play-spaceship-flying-game_482257-121661.jpg?_wi=1", - imageAlt: "premium gaming PC tower RGB lighting", - }, + id: "1", brand: "TechNova Elite", name: "Gaming PC Pro Max", price: "$2,499.00", rating: 5, + reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-man-play-spaceship-flying-game_482257-121661.jpg", imageAlt: "premium gaming PC tower RGB lighting"}, { - id: "2", - brand: "TechNova Office", - name: "Business Workstation", - price: "$1,299.00", - rating: 4, - reviewCount: "89", - imageSrc: "/placeholders/placeholder1.webp?_wi=1", - imageAlt: "professional office workstation", - }, + id: "2", brand: "TechNova Office", name: "Business Workstation", price: "$1,299.00", rating: 4, + reviewCount: "89", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "professional office workstation"}, { - id: "3", - brand: "TechNova Mobile", - name: "Ultra-thin Laptop 15\"", - price: "$1,599.00", - rating: 5, - reviewCount: "203", - imageSrc: "/placeholders/placeholder1.webp?_wi=2", - imageAlt: "ultra-thin laptop 15 inch", - }, + id: "3", brand: "TechNova Mobile", name: "Ultra-thin Laptop 15\"", price: "$1,599.00", rating: 5, + reviewCount: "203", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "ultra-thin laptop 15 inch"}, { - id: "4", - brand: "TechNova Components", - name: "RTX 4090 Graphics Card", - price: "$1,799.00", - rating: 5, - reviewCount: "342", - imageSrc: "/placeholders/placeholder1.webp?_wi=3", - imageAlt: "RTX 4090 graphics card", - }, + id: "4", brand: "TechNova Components", name: "RTX 4090 Graphics Card", price: "$1,799.00", rating: 5, + reviewCount: "342", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "RTX 4090 graphics card"}, { - id: "5", - brand: "TechNova Components", - name: "Intel Core i9 Processor", - price: "$599.00", - rating: 5, - reviewCount: "127", - imageSrc: "/placeholders/placeholder1.webp?_wi=4", - imageAlt: "Intel Core i9 processor", - }, + id: "5", brand: "TechNova Components", name: "Intel Core i9 Processor", price: "$599.00", rating: 5, + reviewCount: "127", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Intel Core i9 processor"}, { - id: "6", - brand: "TechNova Parts", - name: "32GB DDR5 RAM Kit", - price: "$399.00", - rating: 4, - reviewCount: "95", - imageSrc: "/placeholders/placeholder1.webp?_wi=5", - imageAlt: "32GB DDR5 RAM kit", - }, + id: "6", brand: "TechNova Parts", name: "32GB DDR5 RAM Kit", price: "$399.00", rating: 4, + reviewCount: "95", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "32GB DDR5 RAM kit"}, ]; const features = [ { - title: "High Performance Computers", - description: "Top-tier processors, graphics cards, and components for gaming, work, and creativity", - icon: Zap, + title: "High Performance Computers", description: "Top-tier processors, graphics cards, and components for gaming, work, and creativity", icon: Zap, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/realistic-microchip-processor-background_52683-58485.jpg?_wi=1", - imageAlt: "CPU processor computer chip technology", - }, + imageSrc: "http://img.b2bpic.net/free-vector/realistic-microchip-processor-background_52683-58485.jpg", imageAlt: "CPU processor computer chip technology"}, { - imageSrc: "http://img.b2bpic.net/free-photo/room-with-powerful-computer-online-competition-streaming-chair_482257-2063.jpg?_wi=1", - imageAlt: "gaming graphics card RTX professional", - }, - ], + imageSrc: "http://img.b2bpic.net/free-photo/room-with-powerful-computer-online-competition-streaming-chair_482257-2063.jpg", imageAlt: "gaming graphics card RTX professional"}, + ] as [MediaItem, MediaItem], }, { - title: "Trusted Local Store", - description: "Been serving the community for years with honest advice and fair prices", - icon: Award, + title: "Trusted Local Store", description: "Been serving the community for years with honest advice and fair prices", icon: Award, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/girl-using-computer-library_23-2147678845.jpg?_wi=1", - imageAlt: "local computer store professional staff", - }, + imageSrc: "http://img.b2bpic.net/free-photo/girl-using-computer-library_23-2147678845.jpg", imageAlt: "local computer store professional staff"}, { - imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg?_wi=1", - imageAlt: "customer service support team helpdesk", - }, - ], + imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg", imageAlt: "customer service support team helpdesk"}, + ] as [MediaItem, MediaItem], }, { - title: "Warranty & Support", - description: "Comprehensive warranty coverage and dedicated technical support team", - icon: Shield, + title: "Warranty & Support", description: "Comprehensive warranty coverage and dedicated technical support team", icon: Shield, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/hand-signing-business-contract_53876-65436.jpg?_wi=1", - imageAlt: "warranty certificate guarantee document", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hand-signing-business-contract_53876-65436.jpg", imageAlt: "warranty certificate guarantee document"}, { - imageSrc: "http://img.b2bpic.net/free-photo/white-woman-analyzes-designs-computer_482257-121307.jpg?_wi=1", - imageAlt: "technical support specialist helping customer", - }, - ], + imageSrc: "http://img.b2bpic.net/free-photo/white-woman-analyzes-designs-computer_482257-121307.jpg", imageAlt: "technical support specialist helping customer"}, + ] as [MediaItem, MediaItem], }, { - title: "Affordable Prices", - description: "Competitive pricing without compromising on quality or performance", - icon: DollarSign, + title: "Affordable Prices", description: "Competitive pricing without compromising on quality or performance", icon: DollarSign, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/dark-origami-sales-banner_1057-4398.jpg", - imageAlt: "affordable price tag discount promotion", - }, + imageSrc: "http://img.b2bpic.net/free-vector/dark-origami-sales-banner_1057-4398.jpg", imageAlt: "affordable price tag discount promotion"}, { - imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746526.jpg", - imageAlt: "comparison shopping budget price value", - }, - ], + imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746526.jpg", imageAlt: "comparison shopping budget price value"}, + ] as [MediaItem, MediaItem], }, ]; const testimonials = [ { - id: "1", - name: "Michael Chen", - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1651.jpg?_wi=1", - imageAlt: "professional portrait man business headshot", - }, + id: "1", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1651.jpg", imageAlt: "professional portrait man business headshot"}, { - id: "2", - name: "Sarah Johnson", - imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=1", - imageAlt: "professional portrait woman business headshot", - }, + id: "2", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", imageAlt: "professional portrait woman business headshot"}, { - id: "3", - name: "David Kim", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-business-man-business-district-senior-visionary-executives-leader-with-business-vision_1150-34758.jpg?_wi=1", - imageAlt: "asian professional man portrait headshot", - }, + id: "3", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-business-man-business-district-senior-visionary-executives-leader-with-business-vision_1150-34758.jpg", imageAlt: "asian professional man portrait headshot"}, { - id: "4", - name: "Emily Rodriguez", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businesswoman-sitting-table_1262-17136.jpg?_wi=1", - imageAlt: "latin woman professional portrait headshot", - }, + id: "4", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businesswoman-sitting-table_1262-17136.jpg", imageAlt: "latin woman professional portrait headshot"}, { - id: "5", - name: "James Wilson", - imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-dressed-business-suit-white-shirt_613910-8307.jpg?_wi=1", - imageAlt: "professional man portrait business headshot", - }, + id: "5", name: "James Wilson", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-dressed-business-suit-white-shirt_613910-8307.jpg", imageAlt: "professional man portrait business headshot"}, { - id: "6", - name: "Lisa Anderson", - imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-red-haired-businesswoman-wearing-formal-suit-standing-with-arms-folded-smiling_74855-10034.jpg?_wi=1", - imageAlt: "professional woman portrait business headshot", - }, + id: "6", name: "Lisa Anderson", imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-red-haired-businesswoman-wearing-formal-suit-standing-with-arms-folded-smiling_74855-10034.jpg", imageAlt: "professional woman portrait business headshot"}, ]; const footerColumns = [ { - title: "Shop", - items: [ + title: "Shop", items: [ { - label: "Gaming PCs", - href: "/products", - }, + label: "Gaming PCs", href: "/products"}, { - label: "Office PCs", - href: "/products", - }, + label: "Office PCs", href: "/products"}, { - label: "Laptops", - href: "/products", - }, + label: "Laptops", href: "/products"}, { - label: "Components", - href: "/products", - }, + label: "Components", href: "/products"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "/about", - }, + label: "About Us", href: "/about"}, { - label: "Reviews", - href: "/reviews", - }, + label: "Reviews", href: "/reviews"}, { - label: "Contact", - href: "/contact", - }, + label: "Contact", href: "/contact"}, { - label: "Custom Builder", - href: "/custom-builder", - }, + label: "Custom Builder", href: "/custom-builder"}, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { - label: "Warranty Info", - href: "#", - }, + label: "Warranty Info", href: "#"}, { - label: "Shipping", - href: "#", - }, + label: "Shipping", href: "#"}, { - label: "Returns", - href: "#", - }, + label: "Returns", href: "#"}, { - label: "FAQ", - href: "#", - }, + label: "FAQ", href: "#"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, { - label: "Cookie Policy", - href: "#", - }, + label: "Cookie Policy", href: "#"}, ], }, ]; + interface MediaItem { + imageSrc: string; + imageAlt: string; + } + return ( @@ -314,13 +187,9 @@ export default function HomePage() { description="Powerful Computers for Work, Gaming & Creativity. High-performance PCs, laptops, and components at the best prices." buttons={[ { - text: "Shop PCs", - href: "/products", - }, + text: "Shop PCs", href: "/products"}, { - text: "Get a Quote", - href: "/contact", - }, + text: "Get a Quote", href: "/contact"}, ]} slides={heroSlides} autoplayDelay={5000} @@ -368,15 +237,7 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Dell", - "NVIDIA", - "Intel", - "Corsair", - "ASUS", - "MSI", - "Kingston", - "Western Digital", - ]} + "Dell", "NVIDIA", "Intel", "Corsair", "ASUS", "MSI", "Kingston", "Western Digital"]} speed={40} showCard={true} /> @@ -386,24 +247,16 @@ export default function HomePage() { diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx index 8459316..5502448 100644 --- a/src/app/products/page.tsx +++ b/src/app/products/page.tsx @@ -18,214 +18,111 @@ export default function ProductsPage() { const allProducts = [ { - id: "1", - brand: "TechNova Elite", - name: "Gaming PC Pro Max", - price: "$2,499.00", - rating: 5, - reviewCount: "156", - imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-man-play-spaceship-flying-game_482257-121661.jpg?_wi=2", - imageAlt: "premium gaming PC tower RGB lighting", - }, + id: "1", brand: "TechNova Elite", name: "Gaming PC Pro Max", price: "$2,499.00", rating: 5, + reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/isolated-screen-laptop-man-play-spaceship-flying-game_482257-121661.jpg", imageAlt: "premium gaming PC tower RGB lighting"}, { - id: "2", - brand: "TechNova Office", - name: "Business Workstation", - price: "$1,299.00", - rating: 4, - reviewCount: "89", - imageSrc: "/placeholders/placeholder1.webp?_wi=6", - imageAlt: "professional office workstation", - }, + id: "2", brand: "TechNova Office", name: "Business Workstation", price: "$1,299.00", rating: 4, + reviewCount: "89", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "professional office workstation"}, { - id: "3", - brand: "TechNova Mobile", - name: "Ultra-thin Laptop 15\"", - price: "$1,599.00", - rating: 5, - reviewCount: "203", - imageSrc: "/placeholders/placeholder1.webp?_wi=7", - imageAlt: "ultra-thin laptop 15 inch", - }, + id: "3", brand: "TechNova Mobile", name: "Ultra-thin Laptop 15\"", price: "$1,599.00", rating: 5, + reviewCount: "203", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "ultra-thin laptop 15 inch"}, { - id: "4", - brand: "TechNova Components", - name: "RTX 4090 Graphics Card", - price: "$1,799.00", - rating: 5, - reviewCount: "342", - imageSrc: "/placeholders/placeholder1.webp?_wi=8", - imageAlt: "RTX 4090 graphics card", - }, + id: "4", brand: "TechNova Components", name: "RTX 4090 Graphics Card", price: "$1,799.00", rating: 5, + reviewCount: "342", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "RTX 4090 graphics card"}, { - id: "5", - brand: "TechNova Components", - name: "Intel Core i9 Processor", - price: "$599.00", - rating: 5, - reviewCount: "127", - imageSrc: "/placeholders/placeholder1.webp?_wi=9", - imageAlt: "Intel Core i9 processor", - }, + id: "5", brand: "TechNova Components", name: "Intel Core i9 Processor", price: "$599.00", rating: 5, + reviewCount: "127", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Intel Core i9 processor"}, { - id: "6", - brand: "TechNova Parts", - name: "32GB DDR5 RAM Kit", - price: "$399.00", - rating: 4, - reviewCount: "95", - imageSrc: "/placeholders/placeholder1.webp?_wi=10", - imageAlt: "32GB DDR5 RAM kit", - }, + id: "6", brand: "TechNova Parts", name: "32GB DDR5 RAM Kit", price: "$399.00", rating: 4, + reviewCount: "95", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "32GB DDR5 RAM kit"}, { - id: "7", - brand: "TechNova Storage", - name: "2TB NVMe SSD", - price: "$249.00", - rating: 5, - reviewCount: "234", - imageSrc: "/placeholders/placeholder1.webp?_wi=11", - imageAlt: "2TB NVMe SSD storage", - }, + id: "7", brand: "TechNova Storage", name: "2TB NVMe SSD", price: "$249.00", rating: 5, + reviewCount: "234", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "2TB NVMe SSD storage"}, { - id: "8", - brand: "TechNova Cooling", - name: "Liquid Cooling System", - price: "$329.00", - rating: 5, - reviewCount: "178", - imageSrc: "/placeholders/placeholder1.webp?_wi=12", - imageAlt: "liquid cooling system", - }, + id: "8", brand: "TechNova Cooling", name: "Liquid Cooling System", price: "$329.00", rating: 5, + reviewCount: "178", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "liquid cooling system"}, ]; + interface MediaItem { + imageSrc: string; + imageAlt: string; + } + const productCategories = [ { - title: "Gaming Performance", - description: "High-end gaming PCs with the latest graphics cards and processors", - icon: Zap, + title: "Gaming Performance", description: "High-end gaming PCs with the latest graphics cards and processors", icon: Zap, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/realistic-microchip-processor-background_52683-58485.jpg?_wi=2", - imageAlt: "CPU processor computer chip technology", - }, + imageSrc: "http://img.b2bpic.net/free-vector/realistic-microchip-processor-background_52683-58485.jpg", imageAlt: "CPU processor computer chip technology"}, { - imageSrc: "http://img.b2bpic.net/free-photo/room-with-powerful-computer-online-competition-streaming-chair_482257-2063.jpg?_wi=2", - imageAlt: "gaming graphics card RTX professional", - }, - ], + imageSrc: "http://img.b2bpic.net/free-photo/room-with-powerful-computer-online-competition-streaming-chair_482257-2063.jpg", imageAlt: "gaming graphics card RTX professional"}, + ] as [MediaItem, MediaItem], }, { - title: "Professional Workstations", - description: "Designed for creative professionals and business users", - icon: Award, + title: "Professional Workstations", description: "Designed for creative professionals and business users", icon: Award, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/girl-using-computer-library_23-2147678845.jpg?_wi=2", - imageAlt: "local computer store professional staff", - }, + imageSrc: "http://img.b2bpic.net/free-photo/girl-using-computer-library_23-2147678845.jpg", imageAlt: "local computer store professional staff"}, { - imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg?_wi=2", - imageAlt: "customer service support team helpdesk", - }, - ], + imageSrc: "http://img.b2bpic.net/free-photo/people-working-call-center_23-2149288192.jpg", imageAlt: "customer service support team helpdesk"}, + ] as [MediaItem, MediaItem], }, { - title: "Components & Upgrades", - description: "Individual components for custom PC builds and system upgrades", - icon: Shield, + title: "Components & Upgrades", description: "Individual components for custom PC builds and system upgrades", icon: Shield, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/hand-signing-business-contract_53876-65436.jpg?_wi=2", - imageAlt: "warranty certificate guarantee document", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hand-signing-business-contract_53876-65436.jpg", imageAlt: "warranty certificate guarantee document"}, { - imageSrc: "http://img.b2bpic.net/free-photo/white-woman-analyzes-designs-computer_482257-121307.jpg?_wi=2", - imageAlt: "technical support specialist helping customer", - }, - ], + imageSrc: "http://img.b2bpic.net/free-photo/white-woman-analyzes-designs-computer_482257-121307.jpg", imageAlt: "technical support specialist helping customer"}, + ] as [MediaItem, MediaItem], }, ]; const footerColumns = [ { - title: "Shop", - items: [ + title: "Shop", items: [ { - label: "Gaming PCs", - href: "/products", - }, + label: "Gaming PCs", href: "/products"}, { - label: "Office PCs", - href: "/products", - }, + label: "Office PCs", href: "/products"}, { - label: "Laptops", - href: "/products", - }, + label: "Laptops", href: "/products"}, { - label: "Components", - href: "/products", - }, + label: "Components", href: "/products"}, ], }, { - title: "Company", - items: [ + title: "Company", items: [ { - label: "About Us", - href: "/about", - }, + label: "About Us", href: "/about"}, { - label: "Reviews", - href: "/reviews", - }, + label: "Reviews", href: "/reviews"}, { - label: "Contact", - href: "/contact", - }, + label: "Contact", href: "/contact"}, { - label: "Custom Builder", - href: "/custom-builder", - }, + label: "Custom Builder", href: "/custom-builder"}, ], }, { - title: "Support", - items: [ + title: "Support", items: [ { - label: "Warranty Info", - href: "#", - }, + label: "Warranty Info", href: "#"}, { - label: "Shipping", - href: "#", - }, + label: "Shipping", href: "#"}, { - label: "Returns", - href: "#", - }, + label: "Returns", href: "#"}, { - label: "FAQ", - href: "#", - }, + label: "FAQ", href: "#"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, { - label: "Cookie Policy", - href: "#", - }, + label: "Cookie Policy", href: "#"}, ], }, ]; @@ -248,9 +145,7 @@ export default function ProductsPage() { brandName="TechNova Computers" navItems={navItems} button={{ - text: "Contact Us", - href: "/contact", - }} + text: "Contact Us", href: "/contact"}} animateOnLoad={true} />