bender/143d82d3-1fda-4124-9759-2abbb64db64c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

3 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
df5457131d Update src/app/page.tsx 2026-04-16 13:37:47 +00:00
bender
d3f6e6ea49 Update src/app/page.tsx 2026-04-16 13:37:21 +00:00
bender
7068792ba9 Merge version_1 into main 
Merge version_1 into main
 2026-04-16 13:13:58 +00:00
1 changed files with 85 additions and 200 deletions
Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -2,17 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble'; import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit'; import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardSix from '@/components/sections/team/TeamCardSix'; import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import { Flower } from "lucide-react";
import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() { export default function FloralPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="shift-hover" defaultButtonVariant="shift-hover"
@@ -27,204 +26,90 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "About", id: "#about" },
name: "About", id: "#about"}, { name: "Varieties", id: "#varieties" },
{ { name: "Care", id: "#care" },
name: "Members", id: "#members"}, { name: "Contact", id: "#contact" },
{ ]}
name: "Discography", id: "#discography"}, brandName="FloraWorld"
{ />
name: "Contact", id: "#contact"}, </div>
]}
brandName="The Smiths"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroBillboardTestimonial
background={{ title="Discover the World of Flowers"
variant: "gradient-bars"}} description="From delicate petals to vibrant blooms, explore the beauty of nature's most enchanting creations."
title="The Smiths: Legends of Alternative Rock" testimonials={[]}
description="Celebrating the poetic lyrics and jangly guitar melodies that defined a generation. Discover the legacy of Manchester's most influential band." background={{ variant: "sparkles-gradient" }}
buttons={[ imageSrc="https://img.b2bpic.net/free-photo/bouquet-flowers-table_23-2148443543.jpg"
{ imageAlt="Beautiful flower bouquet"
text: "Explore Legacy", href: "#about"}, buttons={[{ text: "Explore Varieties", href: "#varieties" }]}
]} />
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-friends-making-music-together_23-2149223641.jpg" </div>
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/full-shot-people-playing-instruments_23-2149223681.jpg", alt: "Full shot people playing instruments"},
{
src: "http://img.b2bpic.net/free-photo/monochrome-view-person-playing-electric-guitar_23-2151406180.jpg", alt: "Monochrome view of person playing electric guitar"},
{
src: "http://img.b2bpic.net/free-photo/full-shot-woman-playing-guitar_23-2149223701.jpg", alt: "Full shot woman playing the guitar"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-rebellious-grannies_23-2151310206.jpg", alt: "Medium shot rebellious grannies"},
{
src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172355.jpg", alt: "Retro vhs packaging indoors"},
]}
avatarText="Join our community of over 10,000 devoted fans."
marqueeItems={[
{
type: "text", text: "Alternative Rock"},
{
type: "text", text: "1982-1987"},
{
type: "text", text: "Jangly Pop"},
{
type: "text", text: "Manchester Sound"},
{
type: "text", text: "Poetic Lyrics"},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TestimonialAboutCard
useInvertedBackground={false} tag="Nature"
title="A Legacy of Melancholy and Wit" icon={Flower}
buttons={[ title="The Language of Flowers"
{ description="Flowers have been a source of inspiration, joy, and symbolism for centuries."
text: "Listen to Discography", href: "#discography"}, subdescription="Whether you are looking for gardening tips or just love their beauty, this is your home."
]} imageSrc="https://img.b2bpic.net/free-photo/close-up-vibrant-flowers_23-2148530379.jpg"
/> useInvertedBackground={false}
</div> />
</div>
<div id="members" data-section="members"> <div id="varieties" data-section="varieties">
<TeamCardSix <ProductCardFour
animationType="depth-3d" title="Popular Flower Types"
textboxLayout="split" description="Discover some of the most loved flowers around the globe."
gridVariant="three-columns-all-equal-width" useInvertedBackground={false}
useInvertedBackground={false} animationType="blur-reveal"
members={[ gridVariant="bento-grid"
{ textboxLayout="default"
id: "m1", name: "Morrissey", role: "Vocals", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-artist-playing-electric-guitar_23-2148680325.jpg"}, products={[
{ { id: "p1", name: "Rose", price: "Classic", variant: "Red", imageSrc: "https://img.b2bpic.net/free-photo/red-rose-flower_23-2148766432.jpg" },
id: "m2", name: "Johnny Marr", role: "Guitar", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shaved-head-male-musician-dressed-old-celtic-clothes-sits-wooden-box-performing-old-mandolin_613910-13862.jpg"}, { id: "p2", name: "Tulip", price: "Spring", variant: "Yellow", imageSrc: "https://img.b2bpic.net/free-photo/tulips-field_23-2148684534.jpg" },
{ { id: "p3", name: "Sunflower", price: "Sunny", variant: "Gold", imageSrc: "https://img.b2bpic.net/free-photo/sunflowers-field_23-2148810967.jpg" }
id: "m3", name: "Andy Rourke", role: "Bass", imageSrc: "http://img.b2bpic.net/free-photo/close-up-eyes-pretty-young-woman-big-fur-coat_181624-36628.jpg"}, ]}
{ />
id: "m4", name: "Mike Joyce", role: "Drums", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-guitar-looking-photographer_23-2148328611.jpg"}, </div>
]}
title="Meet The Band"
description="The creative forces behind the sound that defined 80s alternative rock."
/>
</div>
<div id="discography" data-section="discography"> <div id="care" data-section="care">
<ProductCardThree <FaqDouble
animationType="blur-reveal" title="Flower Care Tips"
textboxLayout="split-description" description="Ensure your blooms stay vibrant for longer."
gridVariant="four-items-2x2-equal-grid" faqs={[
useInvertedBackground={false} { id: "f1", title: "How often to water?", content: "Most flowers prefer consistent moisture but not saturation." },
products={[ { id: "f2", title: "Best sunlight?", content: "Most vibrant blooms need at least 6 hours of indirect light." }
{ ]}
id: "p1", name: "The Smiths", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/tie-dye-background_23-2148912047.jpg"}, faqsAnimation="slide-up"
{ textboxLayout="split"
id: "p2", name: "Meat Is Murder", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588386.jpg"}, useInvertedBackground={false}
{ />
id: "p3", name: "The Queen Is Dead", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/male-hands-playing-beautiful-vintage-guitar_23-2148328613.jpg"}, </div>
{
id: "p4", name: "Strangeways, Here We Come", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/retro-pickup-machine_23-2150711828.jpg"},
{
id: "p5", name: "Hatful of Hollow", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/young-person-holding-vintage-vinyl-records-indoors_23-2148289048.jpg"},
{
id: "p6", name: "Louder Than Bombs", price: "Standard Vinyl", imageSrc: "http://img.b2bpic.net/free-photo/front-view-music-concept-with-casette_23-2148605897.jpg"},
]}
title="Essential Discography"
description="Explore the iconic albums that shaped the landscape of modern rock."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="contact" data-section="contact">
<TestimonialCardFifteen <ContactSplit
useInvertedBackground={false} tag="Connect"
testimonial="The Smiths music was the soundtrack of my youth. Their poetic lyrics and jangly guitar work remain unmatched even decades later." title="Contact Us"
rating={5} description="Need help finding the perfect flower? Let us know!"
author="A Devoted Fan" imageSrc="https://img.b2bpic.net/free-photo/florist-working-shop_23-2148564032.jpg"
avatars={[ background={{ variant: "sparkles-gradient" }}
{ useInvertedBackground={false}
src: "http://img.b2bpic.net/free-photo/front-view-teen-with-neon-light_23-2149829797.jpg", alt: "Fan 1"}, />
{ </div>
src: "http://img.b2bpic.net/free-photo/woman-with-black-lipstick-listening-music-headphone-park_23-2147910021.jpg", alt: "Fan 2"},
{
src: "http://img.b2bpic.net/free-photo/attractive-charming-woman-lying-with-bouquet-flowers-pinkness_23-2148079370.jpg", alt: "Fan 3"},
{
src: "http://img.b2bpic.net/free-photo/yong-readhead-bearded-hipster-with-backpack-holding-retro-camera-listening-music_171337-7892.jpg", alt: "Fan 4"},
{
src: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-sitting-posing_114579-58633.jpg", alt: "Fan 5"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq"> <div id="footer" data-section="footer">
<FaqDouble <FooterLogoReveal
textboxLayout="split" logoText="FloraWorld"
useInvertedBackground={false} leftLink={{ text: "Privacy Policy", href: "#" }}
faqs={[ rightLink={{ text: "Contact", href: "#contact" }}
{ />
id: "f1", title: "When did the band form?", content: "The Smiths formed in Manchester in 1982."}, </div>
{
id: "f2", title: "What was their primary genre?", content: "They are widely considered one of the key pillars of the 1980s indie rock/alternative movement."},
{
id: "f3", title: "Who were the primary members?", content: "The classic lineup included Morrissey, Johnny Marr, Andy Rourke, and Mike Joyce."},
]}
title="Frequently Asked Questions"
description="Answers to common questions about The Smiths' history and legacy."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get in Touch"
description="Share your favorite songs or memories with our tribute community."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message", placeholder: "Share your thoughts...", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-girl-playing-guitar_23-2149645128.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="The Smiths"
columns={[
{
title: "Explore", items: [
{
label: "About", href: "#about"},
{
label: "Discography", href: "#discography"},
],
},
{
title: "Social", items: [
{
label: "Instagram", href: "#"},
{
label: "Twitter", href: "#"},
],
},
]}
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );