Merge version_2 into main #4
@@ -76,16 +76,13 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Step One", title: "Select Your Components", subtitle: "Choose each PC part", description: "Add your CPU, GPU, RAM, storage drives, and other components. Our database includes thousands of hardware specifications with accurate power consumption data for each component.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/an-illustration-showing-step-1-of-a-proc-1773208932179-f601de82.png", imageAlt: "Component selection interface", buttons: []
|
||||
id: 1, tag: "Step One", title: "Select Your Components", subtitle: "Choose each PC part", description: "Add your CPU, GPU, RAM, storage drives, and other components. Our database includes thousands of hardware specifications with accurate power consumption data for each component.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/an-illustration-showing-step-1-of-a-proc-1773208932179-f601de82.png", imageAlt: "Component selection interface", buttons: []
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Step Two", title: "Calculate Power Usage", subtitle: "Instant wattage calculation", description: "We instantly calculate your total power consumption by analyzing the TDP of each component. Get a breakdown of power usage by component type and see how efficiency impacts your needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/an-illustration-showing-step-2-power-con-1773208932472-b38177c6.png", imageAlt: "Power calculation display", buttons: []
|
||||
id: 2, tag: "Step Two", title: "Calculate Power Usage", subtitle: "Instant wattage calculation", description: "We instantly calculate your total power consumption by analyzing the TDP of each component. Get a breakdown of power usage by component type and see how efficiency impacts your needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/an-illustration-showing-step-2-power-con-1773208932472-b38177c6.png", imageAlt: "Power calculation display", buttons: []
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Step Three", title: "Get PSU Recommendations", subtitle: "Personalized suggestions", description: "Receive tailored power supply recommendations. Choose between budget-friendly, premium branded, high-efficiency, or RGB options. Compare specifications, pricing, and features instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/an-illustration-showing-step-3-psu-recom-1773208932966-a232e06c.png", imageAlt: "PSU recommendation results", buttons: []
|
||||
id: 3, tag: "Step Three", title: "Get PSU Recommendations", subtitle: "Personalized suggestions", description: "Receive tailored power supply recommendations. Choose between budget-friendly, premium branded, high-efficiency, or RGB options. Compare specifications, pricing, and features instantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/an-illustration-showing-step-3-psu-recom-1773208932966-a232e06c.png", imageAlt: "PSU recommendation results", buttons: []
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -95,6 +92,33 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="What Users Say"
|
||||
description="Trusted by PC builders and tech enthusiasts worldwide"
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Chen", role: "PC Builder & Tech YouTuber", testimonial: "PowerCalc saved me from buying an undersized PSU. The recommendation algorithm perfectly matched my high-end gaming build. The breakdown by component is incredibly detailed and accurate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-tech-enthusia-1773208931444-65081e34.png", imageAlt: "Marcus Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Williams", role: "Systems Engineer", testimonial: "As someone who builds PCs for clients, PowerCalc has become essential. It's accurate, fast, and the PSU comparison feature saves hours of research. Clients love the personalized recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-systems-engin-1773208931675-a5f9d865.png", imageAlt: "Sarah Williams"
|
||||
},
|
||||
{
|
||||
id: "3", name: "David Kumar", role: "Gaming Streamer", testimonial: "The RGB PSU filtering option is fantastic for my setup aesthetic. But what impressed me most is how it handles future upgrade scenarios. It recommended extra headroom I actually used months later.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-content-creat-1773208936402-1fca8757.png", imageAlt: "David Kumar"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emily Rodriguez", role: "Hardware Reviewer", testimonial: "PowerCalc's accuracy with TDP calculations rivals professional spec sheets. I've verified their data against manufacturer specs and it's consistently spot-on. Excellent resource for the community.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-hardware-revi-1773208932141-2fa25202.png", imageAlt: "Emily Rodriguez"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MediaAbout
|
||||
title="Why Choose PowerCalc?"
|
||||
@@ -144,33 +168,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="What Users Say"
|
||||
description="Trusted by PC builders and tech enthusiasts worldwide"
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marcus Chen", role: "PC Builder & Tech YouTuber", testimonial: "PowerCalc saved me from buying an undersized PSU. The recommendation algorithm perfectly matched my high-end gaming build. The breakdown by component is incredibly detailed and accurate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-tech-enthusia-1773208931444-65081e34.png", imageAlt: "Marcus Chen"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Williams", role: "Systems Engineer", testimonial: "As someone who builds PCs for clients, PowerCalc has become essential. It's accurate, fast, and the PSU comparison feature saves hours of research. Clients love the personalized recommendations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-systems-engin-1773208931675-a5f9d865.png", imageAlt: "Sarah Williams"
|
||||
},
|
||||
{
|
||||
id: "3", name: "David Kumar", role: "Gaming Streamer", testimonial: "The RGB PSU filtering option is fantastic for my setup aesthetic. But what impressed me most is how it handles future upgrade scenarios. It recommended extra headroom I actually used months later.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-content-creat-1773208936402-1fca8757.png", imageAlt: "David Kumar"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emily Rodriguez", role: "Hardware Reviewer", testimonial: "PowerCalc's accuracy with TDP calculations rivals professional spec sheets. I've verified their data against manufacturer specs and it's consistently spot-on. Excellent resource for the community.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ams1jraLIkGsywOuiykL1iewq1/professional-headshot-of-a-hardware-revi-1773208932141-2fa25202.png", imageAlt: "Emily Rodriguez"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
|
||||
Reference in New Issue
Block a user