bender/5bfd59ec-c552-4e46-a159-cb82b2912e66
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-04-09 09:48:08 +00:00
parent b6298c1a4d
commit 9f619afcef
1 changed files with 35 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
src/app/page.tsx
View File

@@ -29,61 +29,35 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Top News",
id: "hero",
},
name: "Tutorials", id: "hero"},
{
name: "Daily Feed",
id: "blog",
},
name: "Lessons", id: "blog"},
{
name: "Automation",
id: "features",
},
name: "Frameworks", id: "features"},
{
name: "Insights",
id: "testimonial",
},
name: "Community", id: "testimonial"},
]}
brandName="AI-News 3D"
brandName="Code3D"
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="AI-NEWS 3D"
description="The world's first fully autonomous news network. Real-time curation, predictive intelligence, and immersive 3D visualization delivered every morning."
logoText="CODE 3D TUTORIALS"
description="Master full-stack development with immersive 3D-assisted visual guides. Real-time coding, interactive architecture visualization, and professional-grade projects."
buttons={[
{
text: "Explore Feed",
href: "#blog",
},
text: "Start Learning", href: "#blog"},
{
text: "See Automation",
href: "#features",
},
text: "View Curriculum", href: "#features"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg?_wi=1",
imageAlt: "AI World",
},
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010125.jpg", imageAlt: "React Fundamentals"},
{
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg?_wi=2",
imageAlt: "3D World",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-smartphone-laptop-copy-space_23-2148430932.jpg", imageAlt: "Advanced 3D Logic"},
{
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg?_wi=3",
imageAlt: "Red World",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg?_wi=4",
imageAlt: "Futuristic News",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/broker-looking-laptop-analyzing-stock-market-invest-trading-stocks-graph_169016-48828.jpg?_wi=5",
imageAlt: "Daily Feed",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg", imageAlt: "Backend Systems"},
]}
/>
</div>
@@ -93,59 +67,13 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
title="Daily AI News Feed"
description="Morning briefings generated by our proprietary neural network architecture."
title="Latest Coding Lessons"
description="Weekly hands-on tutorials for modern web development."
blogs={[
{
id: "1",
category: "Tech",
title: "Quantum Computing Surge",
excerpt: "AI analysis of current quantum hardware advancements.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg?_wi=1",
authorName: "AI Engine",
authorAvatar: "https://i.pravatar.cc/150?u=1",
date: "Oct 24, 2024",
},
id: "1", category: "Frontend", title: "Mastering React Hooks", excerpt: "A deep dive into custom hooks and state management patterns.", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010125.jpg", authorName: "Code Instructor", authorAvatar: "https://i.pravatar.cc/150?u=1", date: "Nov 1, 2024"},
{
id: "2",
category: "Finance",
title: "Markets Shift to Auto",
excerpt: "Predictive stock market analysis for the coming week.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-statistics-presentation-with-arrows_23-2149023767.jpg?_wi=1",
authorName: "Market Bot",
authorAvatar: "https://i.pravatar.cc/150?u=2",
date: "Oct 24, 2024",
},
{
id: "3",
category: "Science",
title: "Breakthrough in Fusion",
excerpt: "Summarizing the latest fusion research breakthroughs.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-black-friday-sale-notification-icon_23-2152027563.jpg",
authorName: "Science Core",
authorAvatar: "https://i.pravatar.cc/150?u=3",
date: "Oct 24, 2024",
},
{
id: "4",
category: "Tech",
title: "Autonomous Coding",
excerpt: "How AI is refactoring legacy infrastructures.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg?_wi=2",
authorName: "AI Engine",
authorAvatar: "https://i.pravatar.cc/150?u=4",
date: "Oct 25, 2024",
},
{
id: "5",
category: "Policy",
title: "Digital Governance",
excerpt: "Global standards for algorithmic accountability.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-statistics-presentation-with-arrows_23-2149023767.jpg?_wi=2",
authorName: "Market Bot",
authorAvatar: "https://i.pravatar.cc/150?u=5",
date: "Oct 26, 2024",
},
id: "2", category: "Backend", title: "Node.js Scalability", excerpt: "Scaling microservices for high-traffic applications.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-smartphone-laptop-copy-space_23-2148430932.jpg", authorName: "Dev Lead", authorAvatar: "https://i.pravatar.cc/150?u=2", date: "Nov 2, 2024"},
]}
/>
</div>
@@ -157,43 +85,12 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Predictive Curation",
description: "Analyzing millions of data points to predict top stories.",
tag: "Core",
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg?_wi=1",
},
id: "f1", title: "Interactive Code", description: "Write and test your code directly in our 3D-integrated sandbox.", tag: "Sandbox", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-abstract-colorful-bent-papers_23-2148428721.jpg"},
{
id: "f2",
title: "Neural Summarization",
description: "Condensing complex events into coherent morning briefs.",
tag: "AI-Tech",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-abstract-colorful-bent-papers_23-2148428721.jpg?_wi=1",
},
{
id: "f3",
title: "Automated Fact Check",
description: "Cross-verifying headlines against global live database nodes.",
tag: "Verified",
imageSrc: "http://img.b2bpic.net/free-photo/army-soldier-reviews-targets-satellite-world-map-ensure-global-protection_482257-89747.jpg",
},
{
id: "f4",
title: "Real-time Translation",
description: "Breaking language barriers for global news dissemination.",
tag: "Global",
imageSrc: "http://img.b2bpic.net/free-photo/cloud-storage-banner-background-remixed-from-public-domain-by-nasa_53876-104239.jpg?_wi=2",
},
{
id: "f5",
title: "Sentiment Analysis",
description: "Evaluating public reception to trending developments.",
tag: "Analytics",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-abstract-colorful-bent-papers_23-2148428721.jpg?_wi=2",
},
id: "f2", title: "Architecture Viz", description: "Understand complex patterns via immersive, interactive models.", tag: "3D", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg"},
]}
title="Autonomous Infrastructure"
description="How our AI engine delivers precision journalism without human bias."
title="Learning Environment"
description="We combine theory with 3D visualization to make complex concepts intuitive."
/>
</div>
@@ -203,48 +100,12 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Exceptional",
quote: "The speed and accuracy of this AI news system is redefining journalism.",
name: "Dr. Sarah Vane",
role: "Journalist",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-wet-hair-posing-studio-wearing-black-oversize-blazer-shiny-necklace_343596-7120.jpg?_wi=1",
},
id: "1", title: "Game Changer", quote: "The visual aids helped me grasp microservices instantly.", name: "Alex River", role: "Full Stack Dev", imageSrc: "https://i.pravatar.cc/150?u=6"},
{
id: "2",
title: "Innovative",
quote: "Finally, a platform that synthesizes information without fluff.",
name: "Marcus Thorne",
role: "Tech Critic",
imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-businessman_23-2150793875.jpg",
},
{
id: "3",
title: "Reliable",
quote: "The cross-verification metrics are truly industry-leading.",
name: "Elena Ross",
role: "Data Scientist",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hat_23-2149213174.jpg",
},
{
id: "4",
title: "Fast",
quote: "AI-News gives me the morning insight I need in under 2 minutes.",
name: "James Miller",
role: "Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/grungy-white-background-natural-cement-stone-old-texture-as-retro-pattern-wall-conceptual-wa_1258-69534.jpg",
},
{
id: "5",
title: "Future Proof",
quote: "The integration of 3D data viz is simply beautiful.",
name: "Dr. Aris Thorne",
role: "Researcher",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-wet-hair-posing-studio-wearing-black-oversize-blazer-shiny-necklace_343596-7120.jpg?_wi=2",
},
id: "2", title: "Highly Recommended", quote: "Best coding tutorials for visual learners like myself.", name: "Jordan Smith", role: "Junior Dev", imageSrc: "https://i.pravatar.cc/150?u=7"},
]}
title="Editorial Experts"
description="What industry analysts say about the future of news."
title="Student Success"
description="Voices from our growing developer community."
/>
</div>
@@ -254,33 +115,12 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How is news updated?",
content: "Our AI continuously scans data sources and updates the interface in real-time.",
},
id: "q1", title: "What stacks are taught?", content: "We focus on full-stack JS, TypeScript, React, Next.js, and Node."},
{
id: "q2",
title: "Is the content bias-free?",
content: "We utilize neural fact-checking to minimize human subjectivity.",
},
{
id: "q3",
title: "What's the 3D aspect?",
content: "We use modern WebGL techniques to visualize global data streams.",
},
{
id: "q4",
title: "Can I subscribe?",
content: "Yes, our API offers customizable news feeds for enterprise integration.",
},
{
id: "q5",
title: "Is it secure?",
content: "Our servers operate on a zero-trust architecture with encrypted nodes.",
},
id: "q2", title: "Is the platform free?", content: "Core tutorials are free; advanced projects have premium access."},
]}
title="System Queries"
description="Understand how the autonomy works."
title="Common Questions"
description="Need help navigating your learning journey?"
faqsAnimation="slide-up"
/>
</div>
@@ -288,32 +128,18 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/close-up-ferromagnetic-burgundy-metal_23-2148253548.jpg"
logoText="AI-NEWS 3D"
logoText="Code3D"
columns={[
{
title: "Platform",
items: [
{
label: "About",
href: "#",
},
{
label: "API",
href: "#",
},
title: "Learn", items: [
{ label: "Courses", href: "#" },
{ label: "Roadmaps", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
title: "Community", items: [
{ label: "Forum", href: "#" },
{ label: "Discord", href: "#" },
],
},
]}