Merge version_23_1781768208832 into main #22
@@ -6,10 +6,7 @@
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
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 {
|
||||
@@ -19,13 +16,10 @@ export default function HomePage(): React.JSX.Element {
|
||||
|
||||
<AboutSection />
|
||||
|
||||
<MetricsSection />
|
||||
|
||||
<FeaturesSection />
|
||||
|
||||
<TestimonialsSection />
|
||||
|
||||
<FaqSection />
|
||||
|
||||
<ContactSection />
|
||||
</>
|
||||
|
||||
@@ -1,29 +0,0 @@
|
||||
// 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 FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Common Questions"
|
||||
title="Frequently Asked"
|
||||
description="Clarifying our purpose and how you can join the culture."
|
||||
items={[
|
||||
{
|
||||
question: "What is YungHondo?", answer: "A music and culture house committed to amplifying the diaspora."},
|
||||
{
|
||||
question: "How can I collaborate?", answer: "Contact us through the form below with your project details."},
|
||||
{
|
||||
question: "Where are you based?", answer: "We operate globally with a strong base in London and Atlanta."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-collection-colourful-pencils_23-2148539120.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,40 +0,0 @@
|
||||
// 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="Core Pillars"
|
||||
title="Built for Impact"
|
||||
description="Our work is centered on key areas that push the culture forward."
|
||||
features={[
|
||||
{
|
||||
title: "Cultural Preservation", description: "Keeping the history alive through modern musical expression.", bentoComponent: "orbiting-icons", centerIcon: "Music", orbitIcons: ["Globe", "Heart", "Zap", "Shield"]
|
||||
},
|
||||
{
|
||||
title: "Mentorship", description: "Real-time guidance for the next generation of black innovators.", bentoComponent: "chat-marquee", aiIcon: "User", userIcon: "MessageSquare", exchanges: [
|
||||
{ userMessage: "How do I start?", aiResponse: "Start by defining your story." },
|
||||
{ userMessage: "Need resources.", aiResponse: "Our network is here for you." }
|
||||
],
|
||||
placeholder: "Ask our community..."
|
||||
},
|
||||
{
|
||||
title: "Growth Milestones", description: "Tracking the progress of our community members.", bentoComponent: "checklist-timeline", heading: "Project Progress", subheading: "Milestones achieved together.", checklistItems: [
|
||||
{ label: "Founding", detail: "Completed" },
|
||||
{ label: "Scaling", detail: "In Progress" },
|
||||
{ label: "Global Expansion", detail: "Upcoming" }
|
||||
],
|
||||
completedLabel: "Milestone Met"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,34 +0,0 @@
|
||||
// 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="Our Impact"
|
||||
title="Data Behind the Movement"
|
||||
description="Measuring success through community engagement and cultural footprint."
|
||||
metrics={[
|
||||
{
|
||||
value: "120+", title: "Lives Empowered", features: [
|
||||
"Mentorship programs", "Creative workshops", "Artist grants"],
|
||||
},
|
||||
{
|
||||
value: "500K+", title: "Streams Globally", features: [
|
||||
"Pan-African reach", "Organic growth", "Authentic storytelling"],
|
||||
},
|
||||
{
|
||||
value: "15", title: "Cities Connected", features: [
|
||||
"Global diaspora hubs", "Community events", "Strategic partnerships"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user