Merge version_2 into main #2
450
src/app/page.tsx
450
src/app/page.tsx
@@ -10,8 +10,70 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Zap, Layers, TrendingUp, Star, Sparkles } from 'lucide-react';
|
||||
import { useEffect, useRef } from 'react';
|
||||
import gsap from 'gsap';
|
||||
import ScrollTrigger from 'gsap/ScrollTrigger';
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
export default function LandingPage() {
|
||||
const gpuContainerRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
useEffect(() => {
|
||||
if (!gpuContainerRef.current) return;
|
||||
|
||||
const sections = gpuContainerRef.current.querySelectorAll('[data-section]');
|
||||
const revealElements = gpuContainerRef.current.querySelectorAll('[data-reveal]');
|
||||
|
||||
// Create a progressive reveal animation timeline
|
||||
sections.forEach((section, index) => {
|
||||
gsap.fromTo(
|
||||
section,
|
||||
{ opacity: 0, y: 50 },
|
||||
{
|
||||
opacity: 1,
|
||||
y: 0,
|
||||
duration: 0.8,
|
||||
ease: 'power2.out',
|
||||
scrollTrigger: {
|
||||
trigger: section,
|
||||
start: 'top 80%',
|
||||
end: 'top 20%',
|
||||
scrub: 0.5,
|
||||
markers: false,
|
||||
},
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
// Add a scroll-triggered GPU "zoom in" effect
|
||||
const gpuZoomTimeline = gsap.timeline({
|
||||
scrollTrigger: {
|
||||
trigger: gpuContainerRef.current,
|
||||
start: 'top top',
|
||||
end: 'bottom bottom',
|
||||
scrub: 1,
|
||||
pin: false,
|
||||
onUpdate: (self) => {
|
||||
// Progressive scale effect as user scrolls
|
||||
const progress = self.progress;
|
||||
revealElements.forEach((el: Element, i: number) => {
|
||||
const delay = i * 0.15;
|
||||
const triggerProgress = Math.max(0, progress - delay);
|
||||
if (triggerProgress > 0) {
|
||||
(el as HTMLElement).style.opacity = Math.min(triggerProgress * 1.5, 1).toString();
|
||||
(el as HTMLElement).style.transform = `scale(${0.8 + triggerProgress * 0.2}) translateZ(0)`;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
return () => {
|
||||
ScrollTrigger.getAll().forEach((trigger) => trigger.kill());
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -25,206 +87,208 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="GPU Experience"
|
||||
navItems={[
|
||||
{ name: "Architecture", id: "architecture" },
|
||||
{ name: "Specifications", id: "specifications" },
|
||||
{ name: "Performance", id: "performance" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div ref={gpuContainerRef} className="relative">
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="GPU Experience"
|
||||
navItems={[
|
||||
{ name: "Architecture", id: "architecture" },
|
||||
{ name: "Specifications", id: "specifications" },
|
||||
{ name: "Performance", id: "performance" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Experience GPU Architecture from Inside"
|
||||
description="Scroll through layers of innovation. Watch every component reveal its power and purpose as you journey deeper into processing excellence."
|
||||
tag="Next-Gen Performance"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Begin the Journey", href: "#architecture" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/ultra-modern-gpu-chip-architecture-visua-1773883509787-c3dc9ff9.png?_wi=1", imageAlt: "GPU architecture cross-section with glowing orange accents" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/ultra-modern-gpu-chip-architecture-visua-1773883509787-c3dc9ff9.png?_wi=2", imageAlt: "GPU chip detailed visualization" }
|
||||
]}
|
||||
carouselPosition="right"
|
||||
ariaLabel="GPU product hero section with architecture visualization"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Experience GPU Architecture from Inside"
|
||||
description="Scroll through layers of innovation. Watch every component reveal its power and purpose as you journey deeper into processing excellence."
|
||||
tag="Next-Gen Performance"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Begin the Journey", href: "#architecture" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/ultra-modern-gpu-chip-architecture-visua-1773883509787-c3dc9ff9.png?_wi=1", imageAlt: "GPU architecture cross-section with glowing orange accents" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/ultra-modern-gpu-chip-architecture-visua-1773883509787-c3dc9ff9.png?_wi=2", imageAlt: "GPU chip detailed visualization" }
|
||||
]}
|
||||
carouselPosition="right"
|
||||
ariaLabel="GPU product hero section with architecture visualization"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="architecture" data-section="architecture">
|
||||
<FeatureCardNine
|
||||
title="Core Architecture Revealed"
|
||||
description="Dive deeper into the computational heart of modern GPU design. Each layer unlocks new understanding of parallel processing power."
|
||||
tag="Layer-by-Layer Analysis"
|
||||
tagIcon={Layers}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Processing Cores", description: "Thousands of specialized cores working in perfect parallel, each optimized for simultaneous computation. The foundation of GPU acceleration.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/detailed-cross-section-view-of-gpu-proce-1773883509932-73f089ba.png?_wi=1", imageAlt: "GPU processing cores grid visualization" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/detailed-cross-section-view-of-gpu-proce-1773883509932-73f089ba.png?_wi=2", imageAlt: "Detailed core arrangement pattern" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Memory Hierarchy", description: "Multi-tier memory system with cache optimization and ultra-high bandwidth pathways. Minimizes latency, maximizes throughput for data-intensive workloads.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-memory-hierarchy-diagram-showing-cac-1773883510283-3a6e0876.png?_wi=1", imageAlt: "Memory hierarchy architecture diagram" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-memory-hierarchy-diagram-showing-cac-1773883510283-3a6e0876.png?_wi=2", imageAlt: "Bandwidth connectivity visualization" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Thermal Management", description: "Advanced heat dissipation engineering ensures sustained peak performance. Intelligent cooling pathways maintain optimal operating temperature under load.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-thermal-management-system-visualizat-1773883510635-763e9e45.png?_wi=1", imageAlt: "Thermal management system visualization" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-thermal-management-system-visualizat-1773883510635-763e9e45.png?_wi=2", imageAlt: "Heat dissipation pathways diagram" }
|
||||
}
|
||||
]}
|
||||
ariaLabel="GPU architecture feature breakdown with detailed component analysis"
|
||||
/>
|
||||
</div>
|
||||
<div id="architecture" data-section="architecture" data-reveal="true">
|
||||
<FeatureCardNine
|
||||
title="Core Architecture Revealed"
|
||||
description="Dive deeper into the computational heart of modern GPU design. Each layer unlocks new understanding of parallel processing power."
|
||||
tag="Layer-by-Layer Analysis"
|
||||
tagIcon={Layers}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Processing Cores", description: "Thousands of specialized cores working in perfect parallel, each optimized for simultaneous computation. The foundation of GPU acceleration.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/detailed-cross-section-view-of-gpu-proce-1773883509932-73f089ba.png?_wi=1", imageAlt: "GPU processing cores grid visualization" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/detailed-cross-section-view-of-gpu-proce-1773883509932-73f089ba.png?_wi=2", imageAlt: "Detailed core arrangement pattern" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Memory Hierarchy", description: "Multi-tier memory system with cache optimization and ultra-high bandwidth pathways. Minimizes latency, maximizes throughput for data-intensive workloads.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-memory-hierarchy-diagram-showing-cac-1773883510283-3a6e0876.png?_wi=1", imageAlt: "Memory hierarchy architecture diagram" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-memory-hierarchy-diagram-showing-cac-1773883510283-3a6e0876.png?_wi=2", imageAlt: "Bandwidth connectivity visualization" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Thermal Management", description: "Advanced heat dissipation engineering ensures sustained peak performance. Intelligent cooling pathways maintain optimal operating temperature under load.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-thermal-management-system-visualizat-1773883510635-763e9e45.png?_wi=1", imageAlt: "Thermal management system visualization" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/gpu-thermal-management-system-visualizat-1773883510635-763e9e45.png?_wi=2", imageAlt: "Heat dissipation pathways diagram" }
|
||||
}
|
||||
]}
|
||||
ariaLabel="GPU architecture feature breakdown with detailed component analysis"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="performance" data-section="performance">
|
||||
<MetricCardTwo
|
||||
title="Benchmark Excellence"
|
||||
description="Real-world performance metrics that demonstrate computational superiority. Each number tells the story of engineering precision."
|
||||
tag="Performance Data"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="bento-grid"
|
||||
metrics={[
|
||||
{ id: "1", value: "16,384", description: "Processing Cores for massive parallel computation" },
|
||||
{ id: "2", value: "576GB/s", description: "Memory bandwidth for lightning-fast data transfer" },
|
||||
{ id: "3", value: "90 TFLOPS", description: "Floating-point operations per second peak performance" },
|
||||
{ id: "4", value: "8nm", description: "Process technology enabling efficiency and density" },
|
||||
{ id: "5", value: "425W", description: "Peak power consumption with thermal optimization" },
|
||||
{ id: "6", value: "12GB", description: "High-bandwidth GDDR6X memory capacity" }
|
||||
]}
|
||||
ariaLabel="GPU performance metrics and specifications"
|
||||
/>
|
||||
</div>
|
||||
<div id="performance" data-section="performance" data-reveal="true">
|
||||
<MetricCardTwo
|
||||
title="Benchmark Excellence"
|
||||
description="Real-world performance metrics that demonstrate computational superiority. Each number tells the story of engineering precision."
|
||||
tag="Performance Data"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="bento-grid"
|
||||
metrics={[
|
||||
{ id: "1", value: "16,384", description: "Processing Cores for massive parallel computation" },
|
||||
{ id: "2", value: "576GB/s", description: "Memory bandwidth for lightning-fast data transfer" },
|
||||
{ id: "3", value: "90 TFLOPS", description: "Floating-point operations per second peak performance" },
|
||||
{ id: "4", value: "8nm", description: "Process technology enabling efficiency and density" },
|
||||
{ id: "5", value: "425W", description: "Peak power consumption with thermal optimization" },
|
||||
{ id: "6", value: "12GB", description: "High-bandwidth GDDR6X memory capacity" }
|
||||
]}
|
||||
ariaLabel="GPU performance metrics and specifications"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="specifications" data-section="specifications">
|
||||
<TextSplitAbout
|
||||
title="Technical Specifications"
|
||||
description={[
|
||||
"Precision engineering meets cutting-edge architecture. Every specification optimized for performance, efficiency, and reliability.", "NVIDIA architecture designed for demanding professionals. Support for advanced AI acceleration, real-time ray tracing, and data center workloads. Built for creators, developers, and researchers pushing the boundaries of what's possible.", "RTX technology enables real-time path tracing and AI-powered features. CUDA architecture ensures maximum compatibility with software ecosystem. Intelligent power management delivers sustained performance without thermal compromise."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
showBorder={false}
|
||||
ariaLabel="GPU technical specifications and capabilities"
|
||||
/>
|
||||
</div>
|
||||
<div id="specifications" data-section="specifications" data-reveal="true">
|
||||
<TextSplitAbout
|
||||
title="Technical Specifications"
|
||||
description={[
|
||||
"Precision engineering meets cutting-edge architecture. Every specification optimized for performance, efficiency, and reliability.", "NVIDIA architecture designed for demanding professionals. Support for advanced AI acceleration, real-time ray tracing, and data center workloads. Built for creators, developers, and researchers pushing the boundaries of what's possible.", "RTX technology enables real-time path tracing and AI-powered features. CUDA architecture ensures maximum compatibility with software ecosystem. Intelligent power management delivers sustained performance without thermal compromise."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
showBorder={false}
|
||||
ariaLabel="GPU technical specifications and capabilities"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Trusted by Professionals"
|
||||
description="Hear from engineers, developers, and creators who depend on GPU excellence for their most demanding projects."
|
||||
tag="User Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Dr. Sarah Chen", handle: "@sarahchen_ai", testimonial: "The architecture visualization helped us understand core performance bottlenecks immediately. Our model training times improved 40% after optimizing for this GPU's unique memory topology.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/professional-portrait-of-tech-expert-or--1773883509463-61a47fa8.png?_wi=1", imageAlt: "Dr. Sarah Chen, AI Research Lead"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Rodriguez", handle: "@marcus.games", testimonial: "As a game developer, the raw performance metrics spoke for themselves. 4K gaming at 240fps isn't just marketing—it's actual delivered performance that changed how we build next-gen titles.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/young-professional-in-gaming-or-creative-1773883509721-dd26c23e.png", imageAlt: "Marcus Rodriguez, Game Developer"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Whitford", handle: "@emmatech", testimonial: "The thermal management system is genuinely impressive. We run GPU-intensive workloads 24/7 without throttling. Finally, a solution designed for real production environments.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/software-developer-in-modern-workspace-e-1773883510034-557bf663.png?_wi=1", imageAlt: "Emma Whitford, Systems Engineer"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Park", handle: "@jpark_cto", testimonial: "Evaluating GPUs for our data center, the architecture documentation and performance consistency made this an easy choice. ROI exceeded projections within six months.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/senior-technology-executive-in-professio-1773883509875-fc669bc0.png", imageAlt: "James Park, Chief Technology Officer"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Nakamura", handle: "@lisavfx", testimonial: "Render times cut in half. The CUDA optimization paired with this GPU's memory bandwidth made a real difference to our VFX pipeline. Exceptional architecture.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/professional-portrait-of-tech-expert-or--1773883509463-61a47fa8.png?_wi=2", imageAlt: "Lisa Nakamura, VFX Director"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Tom Abbott", handle: "@tabbott_ml", testimonial: "The parallel processing core count and interconnect bandwidth make this GPU ideal for distributed deep learning. Our cluster training performance is now bottlenecked by network, not compute.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/software-developer-in-modern-workspace-e-1773883510034-557bf663.png?_wi=2", imageAlt: "Tom Abbott, ML Engineer"
|
||||
}
|
||||
]}
|
||||
ariaLabel="Customer testimonials and reviews from GPU users"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials" data-reveal="true">
|
||||
<TestimonialCardThirteen
|
||||
title="Trusted by Professionals"
|
||||
description="Hear from engineers, developers, and creators who depend on GPU excellence for their most demanding projects."
|
||||
tag="User Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Dr. Sarah Chen", handle: "@sarahchen_ai", testimonial: "The architecture visualization helped us understand core performance bottlenecks immediately. Our model training times improved 40% after optimizing for this GPU's unique memory topology.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/professional-portrait-of-tech-expert-or--1773883509463-61a47fa8.png?_wi=1", imageAlt: "Dr. Sarah Chen, AI Research Lead"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Rodriguez", handle: "@marcus.games", testimonial: "As a game developer, the raw performance metrics spoke for themselves. 4K gaming at 240fps isn't just marketing—it's actual delivered performance that changed how we build next-gen titles.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/young-professional-in-gaming-or-creative-1773883509721-dd26c23e.png", imageAlt: "Marcus Rodriguez, Game Developer"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Whitford", handle: "@emmatech", testimonial: "The thermal management system is genuinely impressive. We run GPU-intensive workloads 24/7 without throttling. Finally, a solution designed for real production environments.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/software-developer-in-modern-workspace-e-1773883510034-557bf663.png?_wi=1", imageAlt: "Emma Whitford, Systems Engineer"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Park", handle: "@jpark_cto", testimonial: "Evaluating GPUs for our data center, the architecture documentation and performance consistency made this an easy choice. ROI exceeded projections within six months.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/senior-technology-executive-in-professio-1773883509875-fc669bc0.png", imageAlt: "James Park, Chief Technology Officer"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lisa Nakamura", handle: "@lisavfx", testimonial: "Render times cut in half. The CUDA optimization paired with this GPU's memory bandwidth made a real difference to our VFX pipeline. Exceptional architecture.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/professional-portrait-of-tech-expert-or--1773883509463-61a47fa8.png?_wi=2", imageAlt: "Lisa Nakamura, VFX Director"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Tom Abbott", handle: "@tabbott_ml", testimonial: "The parallel processing core count and interconnect bandwidth make this GPU ideal for distributed deep learning. Our cluster training performance is now bottlenecked by network, not compute.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8vJY2hCrBWjQeegiA8X1GuW4F/software-developer-in-modern-workspace-e-1773883510034-557bf663.png?_wi=2", imageAlt: "Tom Abbott, ML Engineer"
|
||||
}
|
||||
]}
|
||||
ariaLabel="Customer testimonials and reviews from GPU users"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Experience Excellence"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your GPU Journey"
|
||||
description="Discover how next-generation GPU architecture accelerates your projects. Get expert guidance tailored to your specific use case."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Request Demo", href: "mailto:info@gpu-experience.com" },
|
||||
{ text: "View Documentation", href: "#specifications" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Contact section to request GPU product demo"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact" data-reveal="true">
|
||||
<ContactCTA
|
||||
tag="Ready to Experience Excellence"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your GPU Journey"
|
||||
description="Discover how next-generation GPU architecture accelerates your projects. Get expert guidance tailored to your specific use case."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Request Demo", href: "mailto:info@gpu-experience.com" },
|
||||
{ text: "View Documentation", href: "#specifications" }
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Contact section to request GPU product demo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Architecture", href: "#architecture" },
|
||||
{ label: "Specifications", href: "#specifications" },
|
||||
{ label: "Performance", href: "#performance" },
|
||||
{ label: "Documentation", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Technology", href: "#" },
|
||||
{ label: "Innovation Lab", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Developer Guide", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Community Forum", href: "#" },
|
||||
{ label: "Support", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Contact", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 GPU Experience. All rights reserved."
|
||||
ariaLabel="Website footer with navigation and legal links"
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Architecture", href: "#architecture" },
|
||||
{ label: "Specifications", href: "#specifications" },
|
||||
{ label: "Performance", href: "#performance" },
|
||||
{ label: "Documentation", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Technology", href: "#" },
|
||||
{ label: "Innovation Lab", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Developer Guide", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "Community Forum", href: "#" },
|
||||
{ label: "Support", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
{ label: "Contact", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 GPU Experience. All rights reserved."
|
||||
ariaLabel="Website footer with navigation and legal links"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user