Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
444
src/app/page.tsx
444
src/app/page.tsx
@@ -14,317 +14,157 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AuraCrypto"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
]}
|
||||
brandName="AuraCrypto"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="AuraCrypto"
|
||||
description="The future of decentralized finance. Secure, fast, and intuitive wealth management for the modern digital era."
|
||||
buttons={[
|
||||
{
|
||||
text: "Trade Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg",
|
||||
imageAlt: "Hero 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917911.jpg",
|
||||
imageAlt: "Hero 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-analyzing-sales-data-economic-growth-graph-chart-technology_1150-16857.jpg",
|
||||
imageAlt: "Hero 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mini-instant-camera-empty-border-frame-blue-background_23-2147916441.jpg",
|
||||
imageAlt: "Hero 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg",
|
||||
imageAlt: "Hero 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596032.jpg",
|
||||
imageAlt: "Hero 6",
|
||||
},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="AuraCrypto"
|
||||
description="The future of decentralized finance. Secure, fast, and intuitive wealth management for the modern digital era."
|
||||
buttons={[
|
||||
{ text: "Trade Now", href: "#pricing" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-particles-network-communications-design_1048-15848.jpg", imageAlt: "Hero 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917911.jpg", imageAlt: "Hero 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-tablet-analyzing-sales-data-economic-growth-graph-chart-technology_1150-16857.jpg", imageAlt: "Hero 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mini-instant-camera-empty-border-frame-blue-background_23-2147916441.jpg", imageAlt: "Hero 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg", imageAlt: "Hero 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596032.jpg", imageAlt: "Hero 6" },
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Encrypted Ledger",
|
||||
description: "Bank-grade security protocols for every transaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
{
|
||||
title: "Smart Automation",
|
||||
description: "Executed with precision using audited smart contracts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-using-tablet-together_1262-19425.jpg",
|
||||
imageAlt: "Automation",
|
||||
},
|
||||
{
|
||||
title: "Instant Settlement",
|
||||
description: "Global transactions completed in milliseconds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg",
|
||||
imageAlt: "Speed",
|
||||
},
|
||||
]}
|
||||
title="Unmatched Security & Speed"
|
||||
description="Our architecture leverages proprietary blockchain innovations to ensure your assets are protected and transactions are instantaneous."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Encrypted Ledger", description: "Bank-grade security protocols for every transaction.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg", imageAlt: "Security" },
|
||||
{ title: "Smart Automation", description: "Executed with precision using audited smart contracts.", imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-using-tablet-together_1262-19425.jpg", imageAlt: "Automation" },
|
||||
{ title: "Instant Settlement", description: "Global transactions completed in milliseconds.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904303.jpg", imageAlt: "Speed" },
|
||||
]}
|
||||
title="Unmatched Security & Speed"
|
||||
description="Our architecture leverages proprietary blockchain innovations to ensure your assets are protected and transactions are instantaneous."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150K+",
|
||||
title: "Active Traders",
|
||||
items: [
|
||||
"Global presence",
|
||||
"Secure platform",
|
||||
"24/7 support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$2B+",
|
||||
title: "Asset Volume",
|
||||
items: [
|
||||
"High liquidity",
|
||||
"Institutional trust",
|
||||
"Diverse portfolio",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Reliable access",
|
||||
"Robust network",
|
||||
"Zero downtime",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Join the growing network of investors achieving financial independence."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{ id: "m1", value: "150K+", title: "Active Traders", items: ["Global presence", "Secure platform", "24/7 support"] },
|
||||
{ id: "m2", value: "$2B+", title: "Asset Volume", items: ["High liquidity", "Institutional trust", "Diverse portfolio"] },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", items: ["Reliable access", "Robust network", "Zero downtime"] },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Join the growing network of investors achieving financial independence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Beginner",
|
||||
price: "$99",
|
||||
subtitle: "Essential tools for retail traders.",
|
||||
features: [
|
||||
"Limited analytics",
|
||||
"Basic support",
|
||||
"24/7 access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$299",
|
||||
subtitle: "Advanced tools for active investors.",
|
||||
features: [
|
||||
"Full analytics",
|
||||
"Priority support",
|
||||
"Market insights",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "Institutional-grade tailored solutions.",
|
||||
features: [
|
||||
"Dedicated manager",
|
||||
"API access",
|
||||
"Custom integration",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Select Your Tier"
|
||||
description="Transparent pricing for institutional-grade trading tools."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Beginner", price: "$99", subtitle: "Essential tools for retail traders.", features: ["Limited analytics", "Basic support", "24/7 access"] },
|
||||
{ id: "pro", badge: "Professional", price: "$299", subtitle: "Advanced tools for active investors.", features: ["Full analytics", "Priority support", "Market insights"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Institutional-grade tailored solutions.", features: ["Dedicated manager", "API access", "Custom integration"] },
|
||||
]}
|
||||
title="Select Your Tier"
|
||||
description="Transparent pricing for institutional-grade trading tools."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="AuraCrypto has completely transformed my trading strategy. The security features and user-friendly platform make managing my portfolio effortless."
|
||||
rating={5}
|
||||
author="Sarah Miller, Senior Investment Analyst"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="AuraCrypto has completely transformed my trading strategy. The security features and user-friendly platform make managing my portfolio effortless."
|
||||
rating={5}
|
||||
author="Sarah Miller, Senior Investment Analyst"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-118103.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-doctor-wearing-lab-coat_23-2149551157.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Partner with AuraCrypto"
|
||||
description="Ready to scale your digital asset strategy? Get in touch with our team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Work Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Partner with AuraCrypto"
|
||||
description="Ready to scale your digital asset strategy? Get in touch with our team today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Work Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we assist you?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AuraCrypto"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AuraCrypto"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user