Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0c05f9fff9 | |||
| b76baedae2 |
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 ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import { Zap, Layers, TrendingUp, Star, Sparkles } from 'lucide-react';
|
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() {
|
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 (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="shift-hover"
|
defaultButtonVariant="shift-hover"
|
||||||
@@ -25,206 +87,208 @@ export default function LandingPage() {
|
|||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="extrabold"
|
headingFontWeight="extrabold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div ref={gpuContainerRef} className="relative">
|
||||||
<NavbarStyleApple
|
<div id="nav" data-section="nav">
|
||||||
brandName="GPU Experience"
|
<NavbarStyleApple
|
||||||
navItems={[
|
brandName="GPU Experience"
|
||||||
{ name: "Architecture", id: "architecture" },
|
navItems={[
|
||||||
{ name: "Specifications", id: "specifications" },
|
{ name: "Architecture", id: "architecture" },
|
||||||
{ name: "Performance", id: "performance" },
|
{ name: "Specifications", id: "specifications" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Performance", id: "performance" },
|
||||||
]}
|
{ name: "Contact", id: "contact" }
|
||||||
/>
|
]}
|
||||||
</div>
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDoubleCarousel
|
<HeroSplitDoubleCarousel
|
||||||
title="Experience GPU Architecture from Inside"
|
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."
|
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"
|
tag="Next-Gen Performance"
|
||||||
tagIcon={Zap}
|
tagIcon={Zap}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Begin the Journey", href: "#architecture" }
|
{ text: "Begin the Journey", href: "#architecture" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
leftCarouselItems={[
|
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" }
|
{ 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={[
|
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" }
|
{ 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"
|
carouselPosition="right"
|
||||||
ariaLabel="GPU product hero section with architecture visualization"
|
ariaLabel="GPU product hero section with architecture visualization"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="architecture" data-section="architecture">
|
<div id="architecture" data-section="architecture" data-reveal="true">
|
||||||
<FeatureCardNine
|
<FeatureCardNine
|
||||||
title="Core Architecture Revealed"
|
title="Core Architecture Revealed"
|
||||||
description="Dive deeper into the computational heart of modern GPU design. Each layer unlocks new understanding of parallel processing power."
|
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"
|
tag="Layer-by-Layer Analysis"
|
||||||
tagIcon={Layers}
|
tagIcon={Layers}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
showStepNumbers={true}
|
showStepNumbers={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
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" },
|
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" }
|
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,
|
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" },
|
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" }
|
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,
|
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" },
|
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" }
|
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"
|
ariaLabel="GPU architecture feature breakdown with detailed component analysis"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="performance" data-section="performance">
|
<div id="performance" data-section="performance" data-reveal="true">
|
||||||
<MetricCardTwo
|
<MetricCardTwo
|
||||||
title="Benchmark Excellence"
|
title="Benchmark Excellence"
|
||||||
description="Real-world performance metrics that demonstrate computational superiority. Each number tells the story of engineering precision."
|
description="Real-world performance metrics that demonstrate computational superiority. Each number tells the story of engineering precision."
|
||||||
tag="Performance Data"
|
tag="Performance Data"
|
||||||
tagIcon={TrendingUp}
|
tagIcon={TrendingUp}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
metrics={[
|
metrics={[
|
||||||
{ id: "1", value: "16,384", description: "Processing Cores for massive parallel computation" },
|
{ 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: "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: "3", value: "90 TFLOPS", description: "Floating-point operations per second peak performance" },
|
||||||
{ id: "4", value: "8nm", description: "Process technology enabling efficiency and density" },
|
{ id: "4", value: "8nm", description: "Process technology enabling efficiency and density" },
|
||||||
{ id: "5", value: "425W", description: "Peak power consumption with thermal optimization" },
|
{ id: "5", value: "425W", description: "Peak power consumption with thermal optimization" },
|
||||||
{ id: "6", value: "12GB", description: "High-bandwidth GDDR6X memory capacity" }
|
{ id: "6", value: "12GB", description: "High-bandwidth GDDR6X memory capacity" }
|
||||||
]}
|
]}
|
||||||
ariaLabel="GPU performance metrics and specifications"
|
ariaLabel="GPU performance metrics and specifications"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="specifications" data-section="specifications">
|
<div id="specifications" data-section="specifications" data-reveal="true">
|
||||||
<TextSplitAbout
|
<TextSplitAbout
|
||||||
title="Technical Specifications"
|
title="Technical Specifications"
|
||||||
description={[
|
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."
|
"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}
|
useInvertedBackground={false}
|
||||||
showBorder={false}
|
showBorder={false}
|
||||||
ariaLabel="GPU technical specifications and capabilities"
|
ariaLabel="GPU technical specifications and capabilities"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials" data-reveal="true">
|
||||||
<TestimonialCardThirteen
|
<TestimonialCardThirteen
|
||||||
title="Trusted by Professionals"
|
title="Trusted by Professionals"
|
||||||
description="Hear from engineers, developers, and creators who depend on GPU excellence for their most demanding projects."
|
description="Hear from engineers, developers, and creators who depend on GPU excellence for their most demanding projects."
|
||||||
tag="User Testimonials"
|
tag="User Testimonials"
|
||||||
tagIcon={Star}
|
tagIcon={Star}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
showRating={true}
|
showRating={true}
|
||||||
testimonials={[
|
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,
|
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"
|
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,
|
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"
|
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,
|
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"
|
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,
|
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"
|
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,
|
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"
|
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,
|
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"
|
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"
|
ariaLabel="Customer testimonials and reviews from GPU users"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact" data-reveal="true">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
tag="Ready to Experience Excellence"
|
tag="Ready to Experience Excellence"
|
||||||
tagIcon={Sparkles}
|
tagIcon={Sparkles}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
title="Start Your GPU Journey"
|
title="Start Your GPU Journey"
|
||||||
description="Discover how next-generation GPU architecture accelerates your projects. Get expert guidance tailored to your specific use case."
|
description="Discover how next-generation GPU architecture accelerates your projects. Get expert guidance tailored to your specific use case."
|
||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Request Demo", href: "mailto:info@gpu-experience.com" },
|
{ text: "Request Demo", href: "mailto:info@gpu-experience.com" },
|
||||||
{ text: "View Documentation", href: "#specifications" }
|
{ text: "View Documentation", href: "#specifications" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="blur-reveal"
|
buttonAnimation="blur-reveal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
ariaLabel="Contact section to request GPU product demo"
|
ariaLabel="Contact section to request GPU product demo"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseReveal
|
<FooterBaseReveal
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Product", items: [
|
title: "Product", items: [
|
||||||
{ label: "Architecture", href: "#architecture" },
|
{ label: "Architecture", href: "#architecture" },
|
||||||
{ label: "Specifications", href: "#specifications" },
|
{ label: "Specifications", href: "#specifications" },
|
||||||
{ label: "Performance", href: "#performance" },
|
{ label: "Performance", href: "#performance" },
|
||||||
{ label: "Documentation", href: "#" }
|
{ label: "Documentation", href: "#" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company", items: [
|
title: "Company", items: [
|
||||||
{ label: "About Us", href: "#" },
|
{ label: "About Us", href: "#" },
|
||||||
{ label: "Technology", href: "#" },
|
{ label: "Technology", href: "#" },
|
||||||
{ label: "Innovation Lab", href: "#" },
|
{ label: "Innovation Lab", href: "#" },
|
||||||
{ label: "Careers", href: "#" }
|
{ label: "Careers", href: "#" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Resources", items: [
|
title: "Resources", items: [
|
||||||
{ label: "Developer Guide", href: "#" },
|
{ label: "Developer Guide", href: "#" },
|
||||||
{ label: "API Reference", href: "#" },
|
{ label: "API Reference", href: "#" },
|
||||||
{ label: "Community Forum", href: "#" },
|
{ label: "Community Forum", href: "#" },
|
||||||
{ label: "Support", href: "#" }
|
{ label: "Support", 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: "#" },
|
||||||
{ label: "Contact", href: "#" }
|
{ label: "Contact", href: "#" }
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
copyrightText="© 2024 GPU Experience. All rights reserved."
|
copyrightText="© 2024 GPU Experience. All rights reserved."
|
||||||
ariaLabel="Website footer with navigation and legal links"
|
ariaLabel="Website footer with navigation and legal links"
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user