bender/23d86ea4-b4cb-4c4b-9bf5-33132419decb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781785313608 into main #2

Merged
bender merged 1 commits from version_2_1781785313608 into main 2026-06-18 12:23:22 +00:00
Conversation 0 Commits 1 Files Changed 9 +350 -246
9 changed files with 350 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

273
src/pages/HomePage.tsx
View File

@@ -1,258 +1,39 @@
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import FeaturesSection from './HomePage/sections/Features';
import ProductsSection from './HomePage/sections/Products';
import MetricsSection from './HomePage/sections/Metrics';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
{/* webild-stub @2026-06-18T12:23:16.696Z: Create a premium crypto website with a blue theme using a premium crypto aesthetic. */}
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroTiltedCards
tag="Future of Finance"
title="Secure. Decentralized. Premium."
description="Experience the evolution of digital assets with our next-generation crypto trading infrastructure."
primaryButton={{
text: "Get Started",
href: "#contact",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-blue-background_1017-2653.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-movement-lights-with-dollar-sign_23-2148328068.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-male-hand-holding-smartphone-with-cryptocurrencies-statistics-screen_181624-59051.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-background-with-flowing-cyber-particles_1048-14188.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-light-waves-wonder-wheel-dollar-sign_23-2148328070.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="Our Vision"
descriptions={[
"NexusCrypto is built for the modern investor who demands speed, security, and institutional-grade trading tools without compromising on usability.",
"Our platform leverages advanced blockchain protocols to ensure every transaction is instantaneous and immutable, keeping your portfolio at the edge of the market.",
]}
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesMediaCarousel
tag="Capabilities"
title="Advanced Trading Tools"
description="Designed for professionals, accessible to all."
items={[
{
title: "Secure Nodes",
description: "Global distributed architecture.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176784.jpg?_wi=1",
},
{
title: "Cold Wallet Storage",
description: "Bank-grade asset protection.",
buttonIcon: "Lock",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-assortment-with-cryptocurrency_23-2149102070.jpg",
},
{
title: "Real-time Analytics",
description: "Stay ahead with deep data.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250222.jpg",
},
{
title: "Institutional Security",
description: "Multi-sig protection.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-vector/shield-with-lock-hole-set_78370-7896.jpg",
},
{
title: "Cross-Chain Liquidity",
description: "Bridge assets instantly.",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100324.jpg",
},
{
title: "Quantum Resistance",
description: "Future-proof encryption.",
buttonIcon: "Cpu",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174319.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Asset Catalog"
title="Supported Assets"
description="Access the most liquid digital assets globally."
items={[
{
title: "Bitcoin",
description: "The digital gold standard.",
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-61560.jpg",
},
{
title: "Ethereum",
description: "The decentralized web platform.",
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-63122.jpg",
},
{
title: "Cardano",
description: "Research-driven blockchain.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg",
},
{
title: "Solana",
description: "High-throughput smart contracts.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-particle-burst-background_1017-3286.jpg",
},
{
title: "Polkadot",
description: "Cross-chain architecture.",
imageSrc: "http://img.b2bpic.net/free-photo/design-space-pile-bitcoin-cash_53876-75042.jpg",
},
{
title: "Chainlink",
description: "Decentralized oracles.",
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572136.jpg",
},
{
title: "Avalanche",
description: "Instant finality transactions.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-connection-online-networking-medias-conpt_53876-64965.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Performance"
title="Platform Excellence"
description="Numbers speak for themselves."
metrics={[
{
value: "99.99%",
description: "Uptime",
},
{
value: "1.2s",
description: "Avg Finality",
},
{
value: "$500M+",
description: "Daily Vol.",
},
{
value: "1M+",
description: "Active Users",
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialTrustCard
quote="NexusCrypto provides the cleanest, most responsive trading environment I've ever experienced in the crypto space."
rating={5}
author="Marcus Thorne, Institutional Trader"
avatars={[
{
name: "User 1",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
},
{
name: "User 2",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
{
name: "User 3",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
},
{
name: "User 4",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14469.jpg",
},
{
name: "User 5",
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Support"
title="Common Questions"
description="Everything you need to know."
items={[
{
question: "Is my money safe?",
answer: "Yes, we use industry-leading cold storage and multi-sig wallets.",
},
{
question: "Are there withdrawal fees?",
answer: "Our fees are among the lowest in the industry, calculated per network demand.",
},
{
question: "How do I start trading?",
answer: "Create an account, complete verification, and fund your wallet instantly.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready?"
text="Join the future of global finance."
primaryButton={{
text: "Trade Now",
href: "#",
}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

22
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="Our Vision"
descriptions={[
"NexusCrypto is built for the modern investor who demands speed, security, and institutional-grade trading tools without compromising on usability.",
"Our platform leverages advanced blockchain protocols to ensure every transaction is instantaneous and immutable, keeping your portfolio at the edge of the market.",
]}
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready?"
text="Join the future of global finance."
primaryButton={{
text: "Trade Now",
href: "#",
}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
);
}

34
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Support"
title="Common Questions"
description="Everything you need to know."
items={[
{
question: "Is my money safe?",
answer: "Yes, we use industry-leading cold storage and multi-sig wallets.",
},
{
question: "Are there withdrawal fees?",
answer: "Our fees are among the lowest in the industry, calculated per network demand.",
},
{
question: "How do I start trading?",
answer: "Create an account, complete verification, and fund your wallet instantly.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

58
src/pages/HomePage/sections/Features.tsx Normal file
View File

@@ -0,0 +1,58 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "features" section.
import React from 'react';
import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaCarousel';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesMediaCarousel
tag="Capabilities"
title="Advanced Trading Tools"
description="Designed for professionals, accessible to all."
items={[
{
title: "Secure Nodes",
description: "Global distributed architecture.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176784.jpg?_wi=1",
},
{
title: "Cold Wallet Storage",
description: "Bank-grade asset protection.",
buttonIcon: "Lock",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-assortment-with-cryptocurrency_23-2149102070.jpg",
},
{
title: "Real-time Analytics",
description: "Stay ahead with deep data.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250222.jpg",
},
{
title: "Institutional Security",
description: "Multi-sig protection.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-vector/shield-with-lock-hole-set_78370-7896.jpg",
},
{
title: "Cross-Chain Liquidity",
description: "Bridge assets instantly.",
buttonIcon: "ArrowRight",
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100324.jpg",
},
{
title: "Quantum Resistance",
description: "Future-proof encryption.",
buttonIcon: "Cpu",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174319.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

45
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,45 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroTiltedCards
tag="Future of Finance"
title="Secure. Decentralized. Premium."
description="Experience the evolution of digital assets with our next-generation crypto trading infrastructure."
primaryButton={{
text: "Get Started",
href: "#contact",
}}
secondaryButton={{
text: "Learn More",
href: "#about",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-blue-background_1017-2653.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-movement-lights-with-dollar-sign_23-2148328068.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-male-hand-holding-smartphone-with-cryptocurrencies-statistics-screen_181624-59051.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-techno-background-with-flowing-cyber-particles_1048-14188.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-light-waves-wonder-wheel-dollar-sign_23-2148328070.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

38
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,38 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Performance"
title="Platform Excellence"
description="Numbers speak for themselves."
metrics={[
{
value: "99.99%",
description: "Uptime",
},
{
value: "1.2s",
description: "Avg Finality",
},
{
value: "$500M+",
description: "Daily Vol.",
},
{
value: "1M+",
description: "Active Users",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

57
src/pages/HomePage/sections/Products.tsx Normal file
View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "products" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Asset Catalog"
title="Supported Assets"
description="Access the most liquid digital assets globally."
items={[
{
title: "Bitcoin",
description: "The digital gold standard.",
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-61560.jpg",
},
{
title: "Ethereum",
description: "The decentralized web platform.",
imageSrc: "http://img.b2bpic.net/free-photo/bitcoin-coin-closeup-black-background-background-with-cryptocurrency_169016-63122.jpg",
},
{
title: "Cardano",
description: "Research-driven blockchain.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrency-hologram-design_23-2149250221.jpg",
},
{
title: "Solana",
description: "High-throughput smart contracts.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-particle-burst-background_1017-3286.jpg",
},
{
title: "Polkadot",
description: "Cross-chain architecture.",
imageSrc: "http://img.b2bpic.net/free-photo/design-space-pile-bitcoin-cash_53876-75042.jpg",
},
{
title: "Chainlink",
description: "Decentralized oracles.",
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572136.jpg",
},
{
title: "Avalanche",
description: "Instant finality transactions.",
imageSrc: "http://img.b2bpic.net/free-photo/technology-connection-online-networking-medias-conpt_53876-64965.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

42
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,42 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialTrustCard
quote="NexusCrypto provides the cleanest, most responsive trading environment I've ever experienced in the crypto space."
rating={5}
author="Marcus Thorne, Institutional Trader"
avatars={[
{
name: "User 1",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
},
{
name: "User 2",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
},
{
name: "User 3",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
},
{
name: "User 4",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14469.jpg",
},
{
name: "User 5",
imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}