bender/6367f138-5d00-470d-970f-53a5d0c0b4e3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-05 09:47:45 +00:00
parent af95d9c6a5
commit 3e6abc2822
1 changed files with 71 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

384
src/app/page.tsx
View File

@@ -32,22 +32,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Models",
id: "#models",
},
{
name: "Datasets",
id: "#datasets",
},
{
name: "Spaces",
id: "#spaces",
},
{
name: "Community",
id: "#community",
},
{ name: "Hero", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Metrics", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Social Proof", id: "socialproof" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" }
]}
brandName="Hugging Face"
/>
@@ -57,97 +49,31 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Build and Share the Future of AI"
description="The collaborative platform for machine learning, model hosting, and dataset management for the open source community."
testimonials={[
{
name: "Alice Chen",
handle: "@aliceai",
testimonial: "Hugging Face makes deploying production-ready models easier than ever before.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-biologist-woman-looking-into-camera-while-working-biological-agronomy-laboratory_482257-2413.jpg?_wi=1",
},
{
name: "Bob Smith",
handle: "@bobml",
testimonial: "Incredible infrastructure and community support for open source research.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154408.jpg",
},
{
name: "Carla Diaz",
handle: "@carladeep",
testimonial: "The gold standard for sharing and discovering pre-trained models.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/engineer-consultant-formal-attire-evaluates-factory-workflow_482257-125986.jpg",
},
{
name: "David Park",
handle: "@davidtech",
testimonial: "Absolutely essential toolset for modern AI engineering teams.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/scientist-with-lab-coat-sitting-laboratory-looking-camera-smiling_482257-7719.jpg",
},
{
name: "Eva Wong",
handle: "@evamodels",
testimonial: "My go-to platform for datasets, evaluation, and model collaboration.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg",
},
{ name: "Alice Chen", handle: "@aliceai", testimonial: "Hugging Face makes deploying production-ready models easier than ever before.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-biologist-woman-looking-into-camera-while-working-biological-agronomy-laboratory_482257-2413.jpg" },
{ name: "Bob Smith", handle: "@bobml", testimonial: "Incredible infrastructure and community support for open source research.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wind-farms-fields_23-2149154408.jpg" },
{ name: "Carla Diaz", handle: "@carladeep", testimonial: "The gold standard for sharing and discovering pre-trained models.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/engineer-consultant-formal-attire-evaluates-factory-workflow_482257-125986.jpg" },
{ name: "David Park", handle: "@davidtech", testimonial: "Absolutely essential toolset for modern AI engineering teams.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/scientist-with-lab-coat-sitting-laboratory-looking-camera-smiling_482257-7719.jpg" },
{ name: "Eva Wong", handle: "@evamodels", testimonial: "My go-to platform for datasets, evaluation, and model collaboration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
alt: "Researcher",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-female-scientist-lab_23-2148816371.jpg",
alt: "Engineer",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
alt: "Developer",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg",
alt: "Data Scientist",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg",
alt: "Analyst",
},
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", alt: "Researcher" },
{ src: "http://img.b2bpic.net/free-photo/portrait-female-scientist-lab_23-2148816371.jpg", alt: "Engineer" },
{ src: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", alt: "Developer" },
{ src: "http://img.b2bpic.net/free-photo/close-up-equity-analyst-working-proprietary-firm-reading-annual-company-reports-evaluate_482257-132953.jpg", alt: "Data Scientist" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772847.jpg", alt: "Analyst" }
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148199348.jpg",
alt: "Logo 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/gradient-molecule-logo-vector-technology-icon-design_53876-105468.jpg",
alt: "Logo 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/smart-farming-icon-vector-iot-agriculture-symbol_53876-125965.jpg",
alt: "Logo 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/environmental-logo-vector-with-ecology-text_53876-112041.jpg",
alt: "Logo 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/cloud-computing-banner_24908-55300.jpg",
alt: "Logo 5",
},
{ type: "image", src: "http://img.b2bpic.net/free-vector/gradient-geometric-technological-logotype-collection_23-2148199348.jpg", alt: "Logo 1" },
{ type: "image", src: "http://img.b2bpic.net/free-vector/gradient-molecule-logo-vector-technology-icon-design_53876-105468.jpg", alt: "Logo 2" },
{ type: "image", src: "http://img.b2bpic.net/free-vector/smart-farming-icon-vector-iot-agriculture-symbol_53876-125965.jpg", alt: "Logo 3" },
{ type: "image", src: "http://img.b2bpic.net/free-vector/environmental-logo-vector-with-ecology-text_53876-112041.jpg", alt: "Logo 4" },
{ type: "image", src: "http://img.b2bpic.net/free-vector/cloud-computing-banner_24908-55300.jpg", alt: "Logo 5" }
]}
/>
</div>
@@ -156,12 +82,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={false}
title="Democratizing Artificial Intelligence"
buttons={[
{
text: "Learn More",
href: "#",
},
]}
buttons={[{ text: "Learn More", href: "#" }]}
/>
</div>
@@ -172,66 +93,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Model Hosting",
description: "Deploy models to production instantly with managed infrastructure.",
bentoComponent: "media-stack",
items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/developer-coworker-overseeing-data-center_482257-124576.jpg",
imageAlt: "Hosting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg",
imageAlt: "Hosting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-pie-charts-it-other-papers_1232-1191.jpg",
imageAlt: "Hosting",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg?_wi=2",
imageAlt: "ai model architecture",
title: "Model Hosting", description: "Deploy models to production instantly with managed infrastructure.", bentoComponent: "media-stack", items: [
{ imageSrc: "http://img.b2bpic.net/free-photo/developer-coworker-overseeing-data-center_482257-124576.jpg", imageAlt: "Hosting" },
{ imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "Hosting" },
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-pie-charts-it-other-papers_1232-1191.jpg", imageAlt: "Hosting" }
]
},
{
title: "Collaborative Spaces",
description: "Host interactive demos and build UI for your ML projects effortlessly.",
bentoComponent: "chat",
aiIcon: Star,
title: "Collaborative Spaces", description: "Host interactive demos and build UI for your ML projects effortlessly.", bentoComponent: "chat", aiIcon: Star,
userIcon: User,
exchanges: [
{
userMessage: "Deploy this model",
aiResponse: "Deploying...",
},
],
placeholder: "...",
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100331.jpg",
imageAlt: "ai model architecture",
exchanges: [{ userMessage: "Deploy this model", aiResponse: "Deploying..." }],
placeholder: "..."
},
{
title: "Large Datasets",
description: "Manage, version, and share massive datasets with the global community.",
bentoComponent: "icon-info-cards",
items: [
{
icon: Database,
label: "Upload",
value: "TB scale",
},
{
icon: Layers,
label: "Version",
value: "Git-style",
},
{
icon: Globe,
label: "Share",
value: "Public",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-biologist-woman-looking-into-camera-while-working-biological-agronomy-laboratory_482257-2413.jpg?_wi=2",
imageAlt: "ai model architecture",
},
title: "Large Datasets", description: "Manage, version, and share massive datasets with the global community.", bentoComponent: "icon-info-cards", items: [
{ icon: Database, label: "Upload", value: "TB scale" },
{ icon: Layers, label: "Version", value: "Git-style" },
{ icon: Globe, label: "Share", value: "Public" }
]
}
]}
title="Platform Capabilities"
description="Enterprise-grade tooling for individuals and startups."
@@ -244,36 +124,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "500K+",
title: "Models Hosted",
items: [
"NLP",
"Computer Vision",
"Audio",
],
},
{
id: "2",
value: "100K+",
title: "Datasets Shared",
items: [
"Text",
"Images",
"Video",
],
},
{
id: "3",
value: "1M+",
title: "Developers Joined",
items: [
"Global Community",
"Collaborative",
"Active",
],
},
{ id: "1", value: "500K+", title: "Models Hosted", items: ["NLP", "Computer Vision", "Audio"] },
{ id: "2", value: "100K+", title: "Datasets Shared", items: ["Text", "Images", "Video"] },
{ id: "3", value: "1M+", title: "Developers Joined", items: ["Global Community", "Collaborative", "Active"] }
]}
title="Platform Scale"
description="Global impact of our open machine learning community."
@@ -285,46 +138,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Seamless",
quote: "The integration with PyTorch is simply unmatched.",
name: "Sarah J.",
role: "ML Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
},
{
id: "2",
title: "Innovative",
quote: "Sharing my research results has never been easier.",
name: "Mike Chen",
role: "Researcher",
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
},
{
id: "3",
title: "Standard",
quote: "It is the central point for everything AI right now.",
name: "Emily R.",
role: "Lead Scientist",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-package_23-2148889997.jpg",
},
{
id: "4",
title: "Efficient",
quote: "I reduced my deployment time from days to minutes.",
name: "David K.",
role: "DevOps Architect",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
},
{
id: "5",
title: "Global",
quote: "Bridging researchers globally via a simple browser interface.",
name: "Sofia L.",
role: "Educator",
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
},
{ id: "1", title: "Seamless", quote: "The integration with PyTorch is simply unmatched.", name: "Sarah J.", role: "ML Engineer", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg" },
{ id: "2", title: "Innovative", quote: "Sharing my research results has never been easier.", name: "Mike Chen", role: "Researcher", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg" },
{ id: "3", title: "Standard", quote: "It is the central point for everything AI right now.", name: "Emily R.", role: "Lead Scientist", imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-package_23-2148889997.jpg" },
{ id: "4", title: "Efficient", quote: "I reduced my deployment time from days to minutes.", name: "David K.", role: "DevOps Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg" },
{ id: "5", title: "Global", quote: "Bridging researchers globally via a simple browser interface.", name: "Sofia L.", role: "Educator", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg" }
]}
title="Community Voices"
description="Thousands of developers and researchers rely on Hugging Face daily."
@@ -335,15 +153,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Google",
"Meta",
"Microsoft",
"Intel",
"Amazon",
"NVIDIA",
"OpenAI",
]}
names={["Google", "Meta", "Microsoft", "Intel", "Amazon", "NVIDIA", "OpenAI"]}
title="Industry Partners"
description="Powering the leaders in AI and software innovation."
/>
@@ -354,21 +164,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is Hugging Face free?",
content: "Yes, we offer free model hosting and dataset storage for open source projects.",
},
{
id: "2",
title: "Do I need cloud skills?",
content: "Our platform is designed to be accessible to all developers.",
},
{
id: "3",
title: "How to get started?",
content: "Create an account, join our community forums, and explore public models.",
},
{ id: "1", title: "Is Hugging Face free?", content: "Yes, we offer free model hosting and dataset storage for open source projects." },
{ id: "2", title: "Do I need cloud skills?", content: "Our platform is designed to be accessible to all developers." },
{ id: "3", title: "How to get started?", content: "Create an account, join our community forums, and explore public models." }
]}
title="Frequently Asked"
description="Common questions about our platform and services."
@@ -382,18 +180,8 @@ export default function LandingPage() {
title="Get in Touch"
description="Have questions about enterprise solutions or community features?"
inputs={[
{
name: "name",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/server-racks-storing-ai-datasets-simulation-training-predictive-tasks_482257-124190.jpg"
/>
@@ -404,60 +192,30 @@ export default function LandingPage() {
logoText="Hugging Face"
columns={[
{
title: "Platform",
items: [
{
label: "Models",
href: "#",
},
{
label: "Datasets",
href: "#",
},
{
label: "Spaces",
href: "#",
},
],
title: "Platform", items: [
{ label: "Models", href: "#" },
{ label: "Datasets", href: "#" },
{ label: "Spaces", href: "#" }
]
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
{
label: "Contact",
href: "#",
},
],
title: "Company", items: [
{ label: "About", href: "#" },
{ label: "Careers", href: "#" },
{ label: "Contact", href: "#" }
]
},
{
title: "Resources",
items: [
{
label: "Docs",
href: "#",
},
{
label: "Forum",
href: "#",
},
{
label: "Blog",
href: "#",
},
],
},
title: "Resources", items: [
{ label: "Docs", href: "#" },
{ label: "Forum", href: "#" },
{ label: "Blog", href: "#" }
]
}
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}