Merge version_2 into main #4
1438
src/app/layout.tsx
1438
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
140
src/app/page.tsx
140
src/app/page.tsx
@@ -22,32 +22,41 @@ 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", 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", 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"},
|
||||
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: "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"},
|
||||
reviewCount: "89", imageSrc: "/placeholders/placeholder1.webp?_wi=1", 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"},
|
||||
reviewCount: "203", imageSrc: "/placeholders/placeholder1.webp?_wi=2", 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"},
|
||||
reviewCount: "342", imageSrc: "/placeholders/placeholder1.webp?_wi=3", 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"},
|
||||
reviewCount: "127", imageSrc: "/placeholders/placeholder1.webp?_wi=4", 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"},
|
||||
reviewCount: "95", imageSrc: "/placeholders/placeholder1.webp?_wi=5", imageAlt: "32GB DDR5 RAM kit"
|
||||
},
|
||||
];
|
||||
|
||||
const features = [
|
||||
@@ -55,100 +64,129 @@ export default function HomePage() {
|
||||
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?_wi=1", 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?_wi=1", 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,
|
||||
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?_wi=1", 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?_wi=1", imageAlt: "customer service support team helpdesk"
|
||||
},
|
||||
] as [MediaItem, MediaItem],
|
||||
},
|
||||
{
|
||||
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?_wi=1", 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?_wi=1", imageAlt: "technical support specialist helping customer"
|
||||
},
|
||||
] as [MediaItem, MediaItem],
|
||||
},
|
||||
{
|
||||
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", 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", 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", 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", 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", 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", 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: [
|
||||
{
|
||||
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: [
|
||||
{
|
||||
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: [
|
||||
{
|
||||
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: [
|
||||
{
|
||||
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: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -176,7 +214,8 @@ export default function HomePage() {
|
||||
brandName="TechNova Computers"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Contact Us", href: "/contact"}}
|
||||
text: "Contact Us", href: "/contact"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,9 +226,11 @@ 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}
|
||||
@@ -237,7 +278,8 @@ 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}
|
||||
/>
|
||||
@@ -247,16 +289,20 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Ready to upgrade your computing experience? Contact us today for"},
|
||||
type: "text", content: "Get your perfect PC in days, not weeks."
|
||||
},
|
||||
{
|
||||
type: "text", content: "expert recommendations and special offers"},
|
||||
type: "text", content: "Build exactly what you need or choose from our expert configurations"
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "/products"},
|
||||
text: "Shop Now", href: "/products"
|
||||
},
|
||||
{
|
||||
text: "Custom PC Builder", href: "/custom-builder"},
|
||||
text: "Custom PC Builder - Design Your System", href: "/custom-builder"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -271,4 +317,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user