Merge version_2 into main #1
352
src/app/page.tsx
352
src/app/page.tsx
@@ -32,28 +32,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Products", id: "#product" },
|
||||
{ name: "Social Proof", id: "#social-proof" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Support", id: "#contact" },
|
||||
]}
|
||||
brandName="DevHub"
|
||||
brandName="Exoplanet"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,127 +48,23 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Build Smarter, Faster, Together"
|
||||
description="DevHub is the ultimate platform for developers to build, deploy, and scale applications without infrastructure headaches."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "DevHub saved our team hundreds of hours on infrastructure setup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "The best developer experience I've had in years. Incredible toolset.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sam Rivera",
|
||||
handle: "@samr",
|
||||
testimonial: "Scaling our application became effortless with DevHub's platform.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-business-executive-using-mobile-phone_1170-868.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maria Lee",
|
||||
handle: "@mlee",
|
||||
testimonial: "Community support and robust docs make all the difference.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kevin King",
|
||||
handle: "@kking",
|
||||
testimonial: "DevHub is the standard for modern development teams.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Building",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/military-specialist-high-tech-control-center-managing-satellite-surveillance_482257-124591.jpg"
|
||||
variant: "gradient-bars"}}
|
||||
title="Explore the Frontier of Exoplanets"
|
||||
description="Discover thousands of distant worlds, data-driven insights, and immersive planetary exploration tools."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/astronaut-walking-on-surface-moon_23-2150392330.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-happy_1298-197.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-standing-building-looking-straight-camera_1262-20433.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-bearded-man-standing-with-crossed-arms-near-desktop-office-with-loft-interior_613910-18715.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "99.9% Uptime",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Automated Scaling",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seamless CI/CD",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global CDN",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Team Collaboration",
|
||||
icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Engineered for Growth"
|
||||
title="Planetary Scale"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Deployments",
|
||||
value: "1.2M+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Developers",
|
||||
value: "50K+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
{ icon: Globe, label: "Cataloged Worlds", value: "5,000+" },
|
||||
{ icon: Star, label: "Star Systems", value: "1,200+" },
|
||||
{ icon: Zap, label: "Terrestrial Planets", value: "850+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -190,26 +73,14 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Powerful Toolset for Modern Devs"
|
||||
description="Everything you need to go from code to production in record time."
|
||||
title="Discover New Horizons"
|
||||
description="Advanced tools to track, analyze, and visualize exoplanetary data in real-time."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Automated Deployments",
|
||||
content: "Instant CI/CD pipelines that work right out of the box.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Scalable Infrastructure",
|
||||
content: "Automatic scaling that adapts to your traffic patterns.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Integrated Security",
|
||||
content: "Built-in security audits for every single pull request.",
|
||||
},
|
||||
{ id: "1", title: "Planetary Data Mapping", content: "Visualize planetary orbits and surface conditions with high-fidelity datasets." },
|
||||
{ id: "2", title: "Atmospheric Analysis", content: "Analyze spectral signatures to detect water, oxygen, and other biosignatures." },
|
||||
{ id: "3", title: "Deep Space Tracking", content: "Real-time monitoring of deep space signals and planetary discovery alerts." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-network-technology-background-with-low-poly-plexus-design_1048-18867.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-nebula-galaxy-space_1048-18867.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -220,46 +91,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Exploration Kits"
|
||||
description="Tailored software and data bundles for researchers and space enthusiasts alike."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "DevBase",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/neumorph-style-business-card-template_23-2148895587.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "CloudLink",
|
||||
price: "$19/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-infographic_1000-9.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "DocuFlow",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "MetricPro",
|
||||
price: "$29/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/user-panel-dashboard-template_23-2148365532.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "SecureGuard",
|
||||
price: "$49/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-cybersecurity-concept-design_23-2151841652.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "AI Integrator",
|
||||
price: "$99/mo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Explorer Lite", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/telescope-standing-balcony_23-2148895587.jpg" },
|
||||
{ id: "p2", name: "Researcher Pro", price: "$49/mo", imageSrc: "http://img.b2bpic.net/free-photo/data-visualization-screen_1000-9.jpg" },
|
||||
{ id: "p3", name: "Deep-Space API", price: "$199/mo", imageSrc: "http://img.b2bpic.net/free-photo/nebula-galaxy_23-2151841652.jpg" },
|
||||
]}
|
||||
title="Explore Our Product Ecosystem"
|
||||
description="Modular tools designed to fit your unique development workflow perfectly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -267,17 +105,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Vercel",
|
||||
"Stripe",
|
||||
"Auth0",
|
||||
"AWS",
|
||||
"Netlify",
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Powering the innovation of top-tier global development teams."
|
||||
names={["NASA", "ESA", "SpaceX", "Blue Origin", "Astrophysics Journal"]}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with the world's leading space agencies and observatories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -286,51 +116,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Researcher Insights"
|
||||
description="Hear from the scientists making history on Exoplanet."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Smith",
|
||||
handle: "@alexs",
|
||||
testimonial: "Incredible productivity boost.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-working-laptop_23-2148471006.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Everything just works perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sam Rivera",
|
||||
handle: "@samr",
|
||||
testimonial: "The best platform I have used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-smiling-young-businesswoman-with-laptop-table_23-2148073234.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Maria Lee",
|
||||
handle: "@mlee",
|
||||
testimonial: "Unparalleled support and features.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kevin King",
|
||||
handle: "@kking",
|
||||
testimonial: "A must-have for every team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Dr. Elena Vance", handle: "@evance", testimonial: "The data visualization on this platform is unmatched.", rating: 5 },
|
||||
{ id: "t2", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Essential tools for our daily exoplanet research.", rating: 5 },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Developer Stories"
|
||||
description="See why developers around the world choose DevHub as their primary home."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -338,24 +130,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is DevHub free?",
|
||||
content: "Yes, our core platform is completely free for individual developers.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I integrate my cloud?",
|
||||
content: "Yes, we support seamless integrations with AWS, Azure, and GCP.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How is support handled?",
|
||||
content: "We offer 24/7 community support and priority tickets for Pro users.",
|
||||
},
|
||||
{ id: "f1", title: "Is the data open source?", content: "Most cataloged data is open source, with proprietary advanced tools offered to Pro subscribers." },
|
||||
{ id: "f2", title: "Can I track custom objects?", content: "Yes, the Researcher Pro subscription enables custom object tracking and alert systems." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need clarity? Check our most frequently asked questions."
|
||||
sideTitle="FAQs"
|
||||
sideDescription="Commonly asked questions about Exoplanet and our exploration tools."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -363,13 +142,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
tag="Sign Up"
|
||||
title="Join the DevHub Community"
|
||||
description="Create your account today and start shipping better code faster."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-engaging-virtual-meeting-with-businessman_482257-124679.jpg"
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
title="Start Your Exploration"
|
||||
description="Sign up to get the latest planetary discoveries delivered to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/night-sky-milky-way_482257-124679.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -377,47 +153,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#product" }] },
|
||||
{ title: "Research", items: [{ label: "Partners", href: "#social-proof" }, { label: "Testimonials", href: "#testimonials" }] },
|
||||
{ title: "Company", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="DevHub"
|
||||
logoText="Exoplanet"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user