Merge version_24_1781768376536 into main #23
@@ -1,4 +1,4 @@
|
||||
import FooterBrand from '@/components/sections/footer/FooterBrand';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import NavbarInline from '@/components/ui/NavbarInline';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
|
||||
@@ -53,59 +53,34 @@ export default function Layout() {
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBrand
|
||||
brand="YungHondo"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
<FooterSimple
|
||||
brand="YungHondo"
|
||||
columns={[
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
title: "Socials",
|
||||
items: [
|
||||
{ label: "Instagram @YungHondoMusic", href: "https://instagram.com/YungHondoMusic" },
|
||||
{ label: "TikTok @YungHondoMusic", href: "https://tiktok.com/@YungHondoMusic" },
|
||||
{ label: "YouTube YungHondoMusic", href: "https://youtube.com/@YungHondoMusic" },
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Music",
|
||||
href: "#",
|
||||
title: "Music",
|
||||
items: [
|
||||
{ label: "Spotify YungHondoMusic", href: "https://spotify.com" },
|
||||
{ label: "Apple Music YungHondoMusic", href: "https://music.apple.com" },
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://tiktok.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "Email Us", href: "mailto:contact@yunghondo.com" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyright="Representing those who left home to build a future."
|
||||
links={[]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -6,19 +6,19 @@
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
|
||||
import QuoteSection from './HomePage/sections/Quote';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<AboutSection />
|
||||
<QuoteSection />
|
||||
|
||||
|
||||
|
||||
<TestimonialsSection />
|
||||
|
||||
|
||||
<ContactSection />
|
||||
|
||||
21
src/pages/HomePage/sections/Quote.tsx
Normal file
21
src/pages/HomePage/sections/Quote.tsx
Normal file
@@ -0,0 +1,21 @@
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import ScrollReveal from "@/components/ui/ScrollReveal";
|
||||
|
||||
export default function QuoteSection() {
|
||||
return (
|
||||
<div data-webild-section="quote" id="quote">
|
||||
<section className="relative w-full py-32 bg-background overflow-hidden">
|
||||
<div className="absolute top-0 left-1/4 w-96 h-96 bg-accent/20 rounded-full blur-[100px] pointer-events-none" />
|
||||
<div className="absolute bottom-0 right-1/4 w-96 h-96 bg-purple-900/20 rounded-full blur-[100px] pointer-events-none" />
|
||||
|
||||
<div className="relative z-10 max-w-5xl mx-auto px-6 text-center">
|
||||
<ScrollReveal variant="slide-up">
|
||||
<h2 className="text-4xl md:text-6xl lg:text-7xl font-bold text-foreground leading-tight">
|
||||
Every song is a chapter. Every performance is a statement. Every victory is for the diaspora.
|
||||
</h2>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@@ -1,32 +0,0 @@
|
||||
// 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 TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialQuoteCards
|
||||
tag="Voices of the Community"
|
||||
title="Authentic Experiences"
|
||||
description="What our collaborators and community members are saying about YungHondo."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kwame Osei", role: "Artist", quote: "YungHondo changed my perspective on independence. Truly built different.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-dressed-native-viking-s-costume_613910-12250.jpg"},
|
||||
{
|
||||
name: "Amara Diallo", role: "Entrepreneur", quote: "The resources and community mentorship are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16027.jpg"},
|
||||
{
|
||||
name: "Jordan Smith", role: "Creative Director", quote: "Finally, a brand that stays true to the culture without compromise.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg"},
|
||||
{
|
||||
name: "Elena Martinez", role: "Producer", quote: "YungHondo isn't just a label, it's a movement.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-suit-posing-black-white-medium-shot_23-2149411400.jpg"},
|
||||
{
|
||||
name: "Samuel Adeyemi", role: "Mentor", quote: "Deeply committed to upliftment. We're building the future.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user