Merge version_1 into main #2
189
src/app/page.tsx
189
src/app/page.tsx
@@ -78,9 +78,7 @@ export default function HomePage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
brandName="TechLaptop"
|
||||
/>
|
||||
</div>
|
||||
@@ -97,28 +95,18 @@ export default function HomePage() {
|
||||
imageAlt="Premium laptop collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Start Shopping", href: "/products"},
|
||||
{
|
||||
text: "View Specs",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Specs", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-diverse-woman-1772810362562-65db9ca8.png",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-diverse-woman-1772810362562-65db9ca8.png", alt: "Customer 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-man-in-his-30-1772810361599-1fd464e8.png",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-man-in-his-30-1772810361599-1fd464e8.png", alt: "Customer 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-diverse-perso-1772810361300-2d579a38.png",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-diverse-perso-1772810361300-2d579a38.png", alt: "Customer 3"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ buyers"
|
||||
marqueeItems={[
|
||||
@@ -147,59 +135,27 @@ export default function HomePage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "UltraBook Pro 15 - Silver",
|
||||
price: "$1,299",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/premium-ultrabook-laptop-in-silver-metal-1772810361466-f2fc4185.png?_wi=1",
|
||||
imageAlt: "UltraBook Pro 15",
|
||||
initialQuantity: 1,
|
||||
id: "1", name: "UltraBook Pro 15 - Silver", price: "$1,299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/premium-ultrabook-laptop-in-silver-metal-1772810361466-f2fc4185.png", imageAlt: "UltraBook Pro 15", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "GameMax RTX - Gaming Powerhouse",
|
||||
price: "$1,799",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/high-performance-gaming-laptop-with-rgb--1772810362480-f73ad672.png?_wi=1",
|
||||
imageAlt: "GameMax RTX Gaming Laptop",
|
||||
initialQuantity: 1,
|
||||
id: "2", name: "GameMax RTX - Gaming Powerhouse", price: "$1,799", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/high-performance-gaming-laptop-with-rgb--1772810362480-f73ad672.png", imageAlt: "GameMax RTX Gaming Laptop", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "CreativeStudio 16 - Design Edition",
|
||||
price: "$2,099",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/creative-professional-laptop-with-high-c-1772810361959-6a258df6.png?_wi=1",
|
||||
imageAlt: "CreativeStudio 16 for Designers",
|
||||
initialQuantity: 1,
|
||||
id: "3", name: "CreativeStudio 16 - Design Edition", price: "$2,099", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/creative-professional-laptop-with-high-c-1772810361959-6a258df6.png", imageAlt: "CreativeStudio 16 for Designers", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "BudgetFlex 13 - Affordable Performer",
|
||||
price: "$599",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/affordable-budget-laptop-with-modern-des-1772810362617-ef74e336.png?_wi=1",
|
||||
imageAlt: "BudgetFlex 13 Budget Laptop",
|
||||
initialQuantity: 1,
|
||||
id: "4", name: "BudgetFlex 13 - Affordable Performer", price: "$599", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/affordable-budget-laptop-with-modern-des-1772810362617-ef74e336.png", imageAlt: "BudgetFlex 13 Budget Laptop", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "WorkPro 14 - Business Essential",
|
||||
price: "$949",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/business-class-laptop-optimized-for-prod-1772810362217-335b642e.png?_wi=1",
|
||||
imageAlt: "WorkPro 14 Business Laptop",
|
||||
initialQuantity: 1,
|
||||
id: "5", name: "WorkPro 14 - Business Essential", price: "$949", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/business-class-laptop-optimized-for-prod-1772810362217-335b642e.png", imageAlt: "WorkPro 14 Business Laptop", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "MobileMax Ultra - Lightweight Champion",
|
||||
price: "$1,499",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/ultra-lightweight-ultraportable-laptop-m-1772810362536-88674d50.png?_wi=1",
|
||||
imageAlt: "MobileMax Ultra Ultralight Laptop",
|
||||
initialQuantity: 1,
|
||||
id: "6", name: "MobileMax Ultra - Lightweight Champion", price: "$1,499", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/ultra-lightweight-ultraportable-laptop-m-1772810362536-88674d50.png", imageAlt: "MobileMax Ultra Ultralight Laptop", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "View All Products", href: "/products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -216,35 +172,15 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "compare-1",
|
||||
title: "Side-by-Side Specs",
|
||||
description: "View processor, RAM, storage, and display specs for up to 5 laptops simultaneously",
|
||||
tag: "Compare",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/modern-tech-interface-showing-a-laptop-c-1772810363071-1e3624c3.png?_wi=1",
|
||||
imageAlt: "Laptop comparison interface",
|
||||
},
|
||||
id: "compare-1", title: "Side-by-Side Specs", description: "View processor, RAM, storage, and display specs for up to 5 laptops simultaneously", tag: "Compare", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/modern-tech-interface-showing-a-laptop-c-1772810363071-1e3624c3.png", imageAlt: "Laptop comparison interface"},
|
||||
{
|
||||
id: "compare-2",
|
||||
title: "Performance Metrics",
|
||||
description: "Benchmark scores, battery life, and real-world performance data to guide your decision",
|
||||
tag: "Data",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/performance-dashboard-showing-benchmark--1772810362644-7acb7c34.png?_wi=1",
|
||||
imageAlt: "Performance comparison charts",
|
||||
},
|
||||
id: "compare-2", title: "Performance Metrics", description: "Benchmark scores, battery life, and real-world performance data to guide your decision", tag: "Data", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/performance-dashboard-showing-benchmark--1772810362644-7acb7c34.png", imageAlt: "Performance comparison charts"},
|
||||
{
|
||||
id: "compare-3",
|
||||
title: "Price-to-Value Analysis",
|
||||
description: "See how each laptop ranks in value proposition to make informed purchasing decisions",
|
||||
tag: "Value",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/value-proposition-analysis-showing-price-1772810363859-6fc0da1f.png?_wi=1",
|
||||
imageAlt: "Price and value comparison",
|
||||
},
|
||||
id: "compare-3", title: "Price-to-Value Analysis", description: "See how each laptop ranks in value proposition to make informed purchasing decisions", tag: "Value", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/value-proposition-analysis-showing-price-1772810363859-6fc0da1f.png", imageAlt: "Price and value comparison"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Comparing",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Start Comparing", href: "/products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,37 +196,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Software Engineer",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-confident-wom-1772810361697-82894ec1.png",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "Software Engineer", company: "TechCorp", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/professional-headshot-of-a-confident-wom-1772810361697-82894ec1.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Content Creator",
|
||||
company: "Digital Studio",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/creative-professional-man-in-his-30s-con-1772810362077-0b0dc21d.png",
|
||||
},
|
||||
id: "2", name: "Michael Rodriguez", role: "Content Creator", company: "Digital Studio", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/creative-professional-man-in-his-30s-con-1772810362077-0b0dc21d.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
role: "Business Owner",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/confident-woman-business-owner-in-her-40-1772810362452-86a45b6f.png",
|
||||
},
|
||||
id: "3", name: "Emily Watson", role: "Business Owner", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/confident-woman-business-owner-in-her-40-1772810362452-86a45b6f.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Data Analyst",
|
||||
company: "Analytics Inc",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/data-analyst-professional-man-in-his-30s-1772810361930-06e5cd5b.png",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Data Analyst", company: "Analytics Inc", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/data-analyst-professional-man-in-his-30s-1772810361930-06e5cd5b.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "50K+", label: "Happy Customers" },
|
||||
@@ -307,13 +223,9 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#newsletter",
|
||||
},
|
||||
text: "Contact Support", href: "#newsletter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -329,21 +241,9 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15,000+",
|
||||
title: "Laptops in Stock",
|
||||
description: "All major brands and models available",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/warehouse-inventory-system-showing-organ-1772810362770-42a82b07.png?_wi=1",
|
||||
imageAlt: "Warehouse inventory",
|
||||
},
|
||||
id: "1", value: "15,000+", title: "Laptops in Stock", description: "All major brands and models available", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/warehouse-inventory-system-showing-organ-1772810362770-42a82b07.png", imageAlt: "Warehouse inventory"},
|
||||
{
|
||||
id: "2",
|
||||
value: "$50M+",
|
||||
title: "Total Sales Volume",
|
||||
description: "Trusted by individuals and businesses",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/business-analytics-dashboard-showing-sal-1772810362728-deb3dddf.png?_wi=1",
|
||||
imageAlt: "Business analytics dashboard",
|
||||
},
|
||||
id: "2", value: "$50M+", title: "Total Sales Volume", description: "Trusted by individuals and businesses", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AZq3AkZrFXbL1VS6nk3OHopger/business-analytics-dashboard-showing-sal-1772810362728-deb3dddf.png", imageAlt: "Business analytics dashboard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -358,37 +258,20 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day money-back guarantee on all laptops. If you're not satisfied for any reason, return it in original condition for a full refund.",
|
||||
},
|
||||
id: "1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all laptops. If you're not satisfied for any reason, return it in original condition for a full refund."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer warranty coverage?",
|
||||
content: "Yes, all laptops come with manufacturer warranty. We also offer extended warranty options (1-3 years) at checkout for additional peace of mind.",
|
||||
},
|
||||
id: "2", title: "Do you offer warranty coverage?", content: "Yes, all laptops come with manufacturer warranty. We also offer extended warranty options (1-3 years) at checkout for additional peace of mind."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does shipping take?",
|
||||
content: "Standard shipping takes 5-7 business days. Express shipping (2-3 days) and overnight options are available at checkout.",
|
||||
},
|
||||
id: "3", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (2-3 days) and overnight options are available at checkout."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you support international orders?",
|
||||
content: "Currently, we ship to all US states and Canada. International shipping options coming soon. Contact support for special requests.",
|
||||
},
|
||||
id: "4", title: "Do you support international orders?", content: "Currently, we ship to all US states and Canada. International shipping options coming soon. Contact support for special requests."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, PayPal, Apple Pay, and Google Pay. Secure payment processing is guaranteed.",
|
||||
},
|
||||
id: "5", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, Apple Pay, and Google Pay. Secure payment processing is guaranteed."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I get help choosing the right laptop?",
|
||||
content: "Absolutely! Our expert support team is available 24/7 via chat, email, or phone. We'll help match you with the perfect device for your needs.",
|
||||
},
|
||||
id: "6", title: "Can I get help choosing the right laptop?", content: "Absolutely! Our expert support team is available 24/7 via chat, email, or phone. We'll help match you with the perfect device for your needs."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user