Merge version_1 into main #2
385
src/app/page.tsx
385
src/app/page.tsx
@@ -13,281 +13,132 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Content",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="TheSamyZone"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Content", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="TheSamyZone"
|
||||
button={{ text: "Subscribe" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Welcome to TheSamyZone"
|
||||
description="Your ultimate destination for creative content, tech insights, and artistic storytelling. Join our growing community of innovators."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png",
|
||||
alt: "Samy",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png",
|
||||
alt: "Collaborator",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png",
|
||||
alt: "Editor",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png",
|
||||
alt: "Viewer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png",
|
||||
alt: "Fan",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 50k+ creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "https://youtube.com",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tech Reviews",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Art",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tutorials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Storytelling",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to TheSamyZone"
|
||||
description="Your ultimate destination for creative content, tech insights, and artistic storytelling. Join our growing community of innovators."
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png", alt: "Samy" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png", alt: "Collaborator" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png", alt: "Editor" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png", alt: "Viewer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png", alt: "Fan" }
|
||||
]}
|
||||
avatarText="Join 50k+ creators"
|
||||
buttons={[{ text: "Subscribe Now", href: "https://youtube.com" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Creative Design" },
|
||||
{ type: "text", text: "Tech Reviews" },
|
||||
{ type: "text", text: "Digital Art" },
|
||||
{ type: "text", text: "Tutorials" },
|
||||
{ type: "text", text: "Storytelling" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Creative Edits",
|
||||
description: "Professional video editing tutorials and showcases.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/close-up-of-a-digital-creative-software--1774894740940-e8cdcdb7.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Tech Reviews",
|
||||
description: "Latest gadgets and tech gear deep dives.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/abstract-representation-of-creative-insp-1774894741038-7d8b84bc.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Digital Art",
|
||||
description: "Inspiring digital creations and speed paints.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/minimalist-representation-of-analytics-d-1774894741171-16b8c44e.png",
|
||||
},
|
||||
]}
|
||||
title="What We Do"
|
||||
description="Exploring the boundaries of technology and creativity."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="What We Do"
|
||||
description="Exploring the boundaries of technology and creativity."
|
||||
features={[
|
||||
{ id: "1", title: "Creative Edits", description: "Professional video editing tutorials and showcases.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/close-up-of-a-digital-creative-software--1774894740940-e8cdcdb7.png" },
|
||||
{ id: "2", title: "Tech Reviews", description: "Latest gadgets and tech gear deep dives.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/abstract-representation-of-creative-insp-1774894741038-7d8b84bc.png" },
|
||||
{ id: "3", title: "Digital Art", description: "Inspiring digital creations and speed paints.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/minimalist-representation-of-analytics-d-1774894741171-16b8c44e.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Story Behind TheSamyZone"
|
||||
description="Born from a passion for storytelling and visual technology, TheSamyZone aims to bridge the gap between complex tech and everyday creativity."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Innovation",
|
||||
description: "Always exploring new formats.",
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
description: "Engaging directly with our fans.",
|
||||
},
|
||||
{
|
||||
title: "Quality",
|
||||
description: "Committed to cinematic standards.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/a-high-energy-creative-youtube-channel-b-1774894740877-d248286d.png"
|
||||
imageAlt="Studio vibe"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Story Behind TheSamyZone"
|
||||
description="Born from a passion for storytelling and visual technology, TheSamyZone aims to bridge the gap between complex tech and everyday creativity."
|
||||
bulletPoints={[
|
||||
{ title: "Innovation", description: "Always exploring new formats." },
|
||||
{ title: "Community", description: "Engaging directly with our fans." },
|
||||
{ title: "Quality", description: "Committed to cinematic standards." }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/a-high-energy-creative-youtube-channel-b-1774894740877-d248286d.png"
|
||||
imageAlt="Studio vibe"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
handle: "@alexcreative",
|
||||
testimonial: "The best channel for tech-meets-art!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan P.",
|
||||
handle: "@jordan_tech",
|
||||
testimonial: "Incredible production value and insights.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Casey L.",
|
||||
handle: "@caseydesign",
|
||||
testimonial: "Always inspired after every upload.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-creative-community-user-1774894740896-7216b1c6.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam K.",
|
||||
handle: "@samk_edits",
|
||||
testimonial: "The editing tutorials are top-notch.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-happy-channel-subscriber-1774894740398-fd3f539d.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Taylor J.",
|
||||
handle: "@taylor_vids",
|
||||
testimonial: "A must-watch for any creative.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our amazing subscribers have to say about TheSamyZone."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Community Voices"
|
||||
description="What our amazing subscribers have to say about TheSamyZone."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", handle: "@alexcreative", testimonial: "The best channel for tech-meets-art!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-viewer-friendly-and-natura-1774894741363-07592350.png" },
|
||||
{ id: "2", name: "Jordan P.", handle: "@jordan_tech", testimonial: "Incredible production value and insights.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png" },
|
||||
{ id: "3", name: "Casey L.", handle: "@caseydesign", testimonial: "Always inspired after every upload.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-creative-community-user-1774894740896-7216b1c6.png" },
|
||||
{ id: "4", name: "Sam K.", handle: "@samk_edits", testimonial: "The editing tutorials are top-notch.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-happy-channel-subscriber-1774894740398-fd3f539d.png" },
|
||||
{ id: "5", name: "Taylor J.", handle: "@taylor_vids", testimonial: "A must-watch for any creative.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/portrait-of-a-tech-fan-professional-1774894740780-3c611b5c.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet The Crew"
|
||||
description="The passionate minds behind TheSamyZone."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Samy",
|
||||
role: "Founder & Creative Lead",
|
||||
description: "Tech enthusiast and storyteller.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Jordan",
|
||||
role: "Partnership Manager",
|
||||
description: "Connecting the community to the latest tech.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Alex",
|
||||
role: "Senior Editor",
|
||||
description: "Master of visual transitions and rhythm.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet The Crew"
|
||||
description="The passionate minds behind TheSamyZone."
|
||||
members={[
|
||||
{ id: "m1", name: "Samy", role: "Founder & Creative Lead", description: "Tech enthusiast and storyteller.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-creator-looki-1774894740497-dc478fbd.png" },
|
||||
{ id: "m2", name: "Jordan", role: "Partnership Manager", description: "Connecting the community to the latest tech.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/professional-headshot-of-a-collaborative-1774894741206-a1519570.png" },
|
||||
{ id: "m3", name: "Alex", role: "Senior Editor", description: "Master of visual transitions and rhythm.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bfy7NnSRD8WCyajFWqeIRPYDK4/action-oriented-portrait-of-a-creator-wo-1774894740967-2f874806.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Content",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="TheSamyZone"
|
||||
copyrightText="© 2025 TheSamyZone. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Content", href: "#" }] },
|
||||
{ title: "Socials", items: [{ label: "YouTube", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="TheSamyZone"
|
||||
copyrightText="© 2025 TheSamyZone. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user