Merge version_2_1782160241700 into main #4
@@ -6,11 +6,11 @@
|
||||
:root {
|
||||
/* @colorThemes/lightTheme/grayNavyBlue */
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--card: rgba(255, 255, 255, 0.05);
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: rgba(255, 255, 255, 0.05);
|
||||
--secondary-cta-text: #ffffffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
@@ -1,156 +1,33 @@
|
||||
import AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
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 MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplit
|
||||
tag="Innovation Hub"
|
||||
title="Where Ideas Rise Into Reality"
|
||||
description="RiseLab accelerates innovation through advanced technology infrastructure and expert collaboration. Transform your concept into market-ready solutions."
|
||||
primaryButton={{
|
||||
text: "Start Your Project", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#about"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Mission"
|
||||
title="Empowering Tomorrow's Innovations"
|
||||
description="We bridge the gap between abstract concepts and real-world impact. RiseLab provides the tools, expertise, and infrastructure needed for rapid deployment and scalable growth."
|
||||
primaryButton={{
|
||||
text: "Our Approach", href: "#features"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111118.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Capabilities"
|
||||
title="Accelerated Innovation Infrastructure"
|
||||
description="Advanced toolsets designed to reduce time-to-market."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Analytics", description: "Leverage actionable insights with our integrated AI dashboard.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: "Zap", label: "Latency", value: "<10ms"},
|
||||
{
|
||||
icon: "Database", label: "Storage", value: "2PB+"},
|
||||
{
|
||||
icon: "Shield", label: "Uptime", value: "99.99%"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Agile Collaboration", description: "Streamlined communication for high-velocity teams.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", placeholder: "Collaborate in real-time...", exchanges: [
|
||||
{
|
||||
userMessage: "Deploying build v2.1", aiResponse: "Build verified, routing to staging."},
|
||||
{
|
||||
userMessage: "Optimize memory limit", aiResponse: "Scaling cluster resources now."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Proven Impact"
|
||||
title="Measurable Results"
|
||||
description="Our metrics reflect our core focus on efficiency and scalability."
|
||||
metrics={[
|
||||
{
|
||||
value: "40%", title: "Time-to-Market Reduction", features: [
|
||||
"Automated CI/CD", "Pre-built modules", "Infrastructure scaling"],
|
||||
},
|
||||
{
|
||||
value: "3x", title: "Development Velocity", features: [
|
||||
"Expert guidance", "Shared resources", "Rapid prototyping"],
|
||||
},
|
||||
{
|
||||
value: "95%", title: "Client Retention", features: [
|
||||
"Dedicated support", "Iterative feedback", "Collaborative culture"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Social Proof"
|
||||
title="Partnering for Growth"
|
||||
description="Trusted by innovators worldwide."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivera", role: "Founder", quote: "RiseLab's infrastructure cut our development timeline by months.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg"},
|
||||
{
|
||||
name: "Sam Chen", role: "CTO", quote: "Expertise beyond just tools – they are true partners in scaling.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg"},
|
||||
{
|
||||
name: "Maya Singh", role: "Product Lead", quote: "The bento components accelerated our prototype design drastically.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-with-icons_53876-30654.jpg"},
|
||||
{
|
||||
name: "Jordan West", role: "Founder", quote: "An innovation hub that understands the startup grind perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
|
||||
{
|
||||
name: "Elena Voss", role: "CTO", quote: "Invaluable technical guidance for complex infrastructure challenges.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers regarding our collaboration model and tools."
|
||||
items={[
|
||||
{
|
||||
question: "What is RiseLab's service model?", answer: "We operate as a collaborative innovation hub providing infrastructure and deep technical guidance for teams."},
|
||||
{
|
||||
question: "Is your lab open for early-stage startups?", answer: "Absolutely. We are specifically designed to accelerate early-stage teams with infrastructure and support."},
|
||||
{
|
||||
question: "Can I bring my own dev environment?", answer: "Our tools integrate seamlessly with standard stacks to ensure low friction during adoption."},
|
||||
{
|
||||
question: "Do you provide capital?", answer: "We focus on technology and innovation acceleration, not venture funding."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to turn your idea into reality? Contact our team for an initial assessment."
|
||||
primaryButton={{
|
||||
text: "Contact Us", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Schedule Meeting", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
23
src/pages/HomePage/sections/About.tsx
Normal file
23
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
// 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 AboutMediaOverlay from '@/components/sections/about/AboutMediaOverlay';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Mission"
|
||||
title="Empowering Tomorrow's Innovations"
|
||||
description="We bridge the gap between abstract concepts and real-world impact. RiseLab provides the tools, expertise, and infrastructure needed for rapid deployment and scalable growth."
|
||||
primaryButton={{
|
||||
text: "Our Approach", href: "#features"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/doctor-from-future-concept_23-2151111118.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
23
src/pages/HomePage/sections/Contact.tsx
Normal file
23
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
// 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="Get Started"
|
||||
text="Ready to turn your idea into reality? Contact our team for an initial assessment."
|
||||
primaryButton={{
|
||||
text: "Contact Us", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Schedule Meeting", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
30
src/pages/HomePage/sections/Faq.tsx
Normal file
30
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
// 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 FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Get clear answers regarding our collaboration model and tools."
|
||||
items={[
|
||||
{
|
||||
question: "What is RiseLab's service model?", answer: "We operate as a collaborative innovation hub providing infrastructure and deep technical guidance for teams."},
|
||||
{
|
||||
question: "Is your lab open for early-stage startups?", answer: "Absolutely. We are specifically designed to accelerate early-stage teams with infrastructure and support."},
|
||||
{
|
||||
question: "Can I bring my own dev environment?", answer: "Our tools integrate seamlessly with standard stacks to ensure low friction during adoption."},
|
||||
{
|
||||
question: "Do you provide capital?", answer: "We focus on technology and innovation acceleration, not venture funding."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
40
src/pages/HomePage/sections/Features.tsx
Normal file
40
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
// 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 FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Capabilities"
|
||||
title="Accelerated Innovation Infrastructure"
|
||||
description="Advanced toolsets designed to reduce time-to-market."
|
||||
features={[
|
||||
{
|
||||
title: "Real-time Analytics", description: "Leverage actionable insights with our integrated AI dashboard.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: "Zap", label: "Latency", value: "<10ms"},
|
||||
{
|
||||
icon: "Database", label: "Storage", value: "2PB+"},
|
||||
{
|
||||
icon: "Shield", label: "Uptime", value: "99.99%"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Agile Collaboration", description: "Streamlined communication for high-velocity teams.", bentoComponent: "chat-marquee", aiIcon: "Star", userIcon: "User", placeholder: "Collaborate in real-time...", exchanges: [
|
||||
{
|
||||
userMessage: "Deploying build v2.1", aiResponse: "Build verified, routing to staging."},
|
||||
{
|
||||
userMessage: "Optimize memory limit", aiResponse: "Scaling cluster resources now."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
25
src/pages/HomePage/sections/Hero.tsx
Normal file
25
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
// 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 HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplit
|
||||
tag="Innovation Hub"
|
||||
title="Where Ideas Rise Into Reality"
|
||||
description="RiseLab accelerates innovation through advanced technology infrastructure and expert collaboration. Transform your concept into market-ready solutions."
|
||||
primaryButton={{
|
||||
text: "Start Your Project", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#about"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-uses-tablet-governmental-cyber-security-room-working-russian-flag_482257-90680.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
34
src/pages/HomePage/sections/Metrics.tsx
Normal file
34
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
// 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 MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Proven Impact"
|
||||
title="Measurable Results"
|
||||
description="Our metrics reflect our core focus on efficiency and scalability."
|
||||
metrics={[
|
||||
{
|
||||
value: "40%", title: "Time-to-Market Reduction", features: [
|
||||
"Automated CI/CD", "Pre-built modules", "Infrastructure scaling"],
|
||||
},
|
||||
{
|
||||
value: "3x", title: "Development Velocity", features: [
|
||||
"Expert guidance", "Shared resources", "Rapid prototyping"],
|
||||
},
|
||||
{
|
||||
value: "95%", title: "Client Retention", features: [
|
||||
"Dedicated support", "Iterative feedback", "Collaborative culture"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
37
src/pages/HomePage/sections/Testimonials.tsx
Normal file
37
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,37 @@
|
||||
// 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 TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Social Proof"
|
||||
title="Partnering for Growth"
|
||||
description="Trusted by innovators worldwide."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivera", role: "Founder", quote: "RiseLab's infrastructure cut our development timeline by months.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-eyeglasses-smiling-office_329181-14553.jpg"},
|
||||
{
|
||||
name: "Sam Chen", role: "CTO", quote: "Expertise beyond just tools – they are true partners in scaling.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991380.jpg"},
|
||||
{
|
||||
name: "Maya Singh", role: "Product Lead", quote: "The bento components accelerated our prototype design drastically.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-with-icons_53876-30654.jpg"},
|
||||
{
|
||||
name: "Jordan West", role: "Founder", quote: "An innovation hub that understands the startup grind perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"},
|
||||
{
|
||||
name: "Elena Voss", role: "CTO", quote: "Invaluable technical guidance for complex infrastructure challenges.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user