bender/4d09419f-050a-4b70-a8c4-3f2167c26bc1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-13 13:35:43 +00:00
Conversation 0 Commits 1 Files Changed 1 +57 -287
1 changed files with 57 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

344
src/app/page.tsx
View File

@@ -33,73 +33,33 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Products",
id: "#products",
},
{
name: "Features",
id: "#features",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Testimonials",
id: "#testimonials",
},
{ name: "Products", id: "#products" },
{ name: "Features", id: "#features" },
{ name: "Pricing", id: "#pricing" },
{ name: "Testimonials", id: "#testimonials" },
]}
brandName="ROUB SHOP"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Scale Your Business with Elite Assets"
description="Unlock premium templates, AI automation, and UI kits designed for creators who demand perfection."
buttons={[
{
text: "Get Started",
href: "#pricing",
},
{
text: "Explore Products",
href: "#products",
},
{ text: "Get Started", href: "#pricing" },
{ text: "Explore Products", href: "#products" },
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/blank-digital-tablet-with-memory-cards-camera-accessories-colored-background_23-2148038925.jpg?_wi=1",
imageAlt: "Digital Product Showcase 1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg?_wi=1",
imageAlt: "Digital Product Showcase 2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg?_wi=1",
imageAlt: "Digital Product Showcase 3",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
imageAlt: "Digital Product Showcase 4",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg",
imageAlt: "Digital Product Showcase 5",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/devices-marble-table_23-2150837817.jpg",
imageAlt: "Digital Product Showcase 6",
},
{ imageSrc: "asset://hero-1", imageAlt: "Digital Product Showcase 1" },
{ imageSrc: "asset://hero-2", imageAlt: "Digital Product Showcase 2" },
{ imageSrc: "asset://hero-3", imageAlt: "Digital Product Showcase 3" },
{ imageSrc: "asset://hero-4", imageAlt: "Digital Product Showcase 4" },
{ imageSrc: "asset://hero-5", imageAlt: "Digital Product Showcase 5" },
{ imageSrc: "asset://hero-6", imageAlt: "Digital Product Showcase 6" },
]}
/>
</div>
@@ -111,34 +71,10 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
title: "Customers Served",
description: "Global creators using our tools.",
icon: Users,
},
{
id: "m2",
value: "$5M+",
title: "Revenue Generated",
description: "For businesses using our systems.",
icon: TrendingUp,
},
{
id: "m3",
value: "50k+",
title: "Total Downloads",
description: "Premium assets delivered.",
icon: Download,
},
{
id: "m4",
value: "4.9/5",
title: "Avg. Rating",
description: "Based on 5,000+ reviews.",
icon: Star,
},
{ id: "m1", value: "10k+", title: "Customers Served", description: "Global creators using our tools.", icon: Users },
{ id: "m2", value: "$5M+", title: "Revenue Generated", description: "For businesses using our systems.", icon: TrendingUp },
{ id: "m3", value: "50k+", title: "Total Downloads", description: "Premium assets delivered.", icon: Download },
{ id: "m4", value: "4.9/5", title: "Avg. Rating", description: "Based on 5,000+ reviews.", icon: Star },
]}
title="Proven Results"
description="Numbers speak for our quality."
@@ -152,42 +88,12 @@ export default function LandingPage() {
gridVariant="one-large-right-three-stacked-left"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Notion Master Pack",
price: "$99",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-flowers-concept-with-modern-notebook_23-2148007063.jpg",
},
{
id: "p2",
name: "AI Automation System",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg",
},
{
id: "p3",
name: "Premium UI Kit 2025",
price: "$149",
imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-website-template_53876-30729.jpg",
},
{
id: "p4",
name: "Growth Ebook Library",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-yellow-background_58702-6531.jpg",
},
{
id: "p5",
name: "Email Marketing Kit",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg",
},
{
id: "p6",
name: "Productivity Dashboard",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192757.jpg",
},
{ id: "p1", name: "Notion Master Pack", price: "$99", imageSrc: "asset://prod-1" },
{ id: "p2", name: "AI Automation System", price: "$299", imageSrc: "asset://prod-2" },
{ id: "p3", name: "Premium UI Kit 2025", price: "$149", imageSrc: "asset://prod-3" },
{ id: "p4", name: "Growth Ebook Library", price: "$79", imageSrc: "asset://prod-4" },
{ id: "p5", name: "Email Marketing Kit", price: "$129", imageSrc: "asset://prod-5" },
{ id: "p6", name: "Productivity Dashboard", price: "$49", imageSrc: "asset://prod-6" },
]}
title="Featured Digital Products"
description="Curated assets for scaling."
@@ -198,47 +104,24 @@ export default function LandingPage() {
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Instant Access",
description: "Get your files immediately.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/blank-digital-tablet-with-memory-cards-camera-accessories-colored-background_23-2148038925.jpg?_wi=2",
imageAlt: "saas dashboard",
},
{
title: "Lifetime Updates",
description: "Always stay current.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg?_wi=2",
imageAlt: "saas dashboard",
},
{
title: "Expert Support",
description: "Concierge help for every item.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884876.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-african-american-young-entrepreneur-looking-revenue-statistics-data-laptop-screen-accountant-analyzing-diagrams-computer-home-office-remote-bookkeeping-service_482257-48386.jpg?_wi=2",
imageAlt: "saas dashboard",
},
]}
showStepNumbers={true}
title="Why Choose Roub Shop?"
description="Engineered for high performance."
features={[
{
title: "Instant Access", description: "Get your files immediately.", phoneOne: { imageSrc: "asset://feat-1-a" },
phoneTwo: { imageSrc: "asset://feat-1-b" }
},
{
title: "Lifetime Updates", description: "Always stay current.", phoneOne: { imageSrc: "asset://feat-2-a" },
phoneTwo: { imageSrc: "asset://feat-2-b" }
},
{
title: "Expert Support", description: "Concierge help for every item.", phoneOne: { imageSrc: "asset://feat-3-a" },
phoneTwo: { imageSrc: "asset://feat-3-b" }
}
]}
animationType="slide-up"
/>
</div>
@@ -248,41 +131,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah",
handle: "@sarahdev",
testimonial: "The best UI kit ever.",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-smiling-happy-young-pleasant-looking-female-wears-denim-shirt-stylish-glasses-with-straight-blonde-hair-expresses-positiveness-poses_176420-13176.jpg",
},
{
id: "t2",
name: "John",
handle: "@johncode",
testimonial: "Scale my business fast.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-displeased-mixed-race-attractive-man-with-dark-narrow-eyes-curly-thick-hair_273609-14091.jpg",
},
{
id: "t3",
name: "Elena",
handle: "@elenaart",
testimonial: "Design quality is elite.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-laughing_23-2148859448.jpg",
},
{
id: "t4",
name: "Marcus",
handle: "@marcusmkt",
testimonial: "Worth every cent.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-indian-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-129417.jpg",
},
{
id: "t5",
name: "Chloe",
handle: "@chloedesign",
testimonial: "Changed my workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg",
},
{ id: "t1", name: "Sarah", handle: "@sarahdev", testimonial: "The best UI kit ever.", imageSrc: "asset://test-1" },
{ id: "t2", name: "John", handle: "@johncode", testimonial: "Scale my business fast.", imageSrc: "asset://test-2" },
{ id: "t3", name: "Elena", handle: "@elenaart", testimonial: "Design quality is elite.", imageSrc: "asset://test-3" },
{ id: "t4", name: "Marcus", handle: "@marcusmkt", testimonial: "Worth every cent.", imageSrc: "asset://test-4" },
{ id: "t5", name: "Chloe", handle: "@chloedesign", testimonial: "Changed my workflow.", imageSrc: "asset://test-5" },
]}
title="Loved by Creators"
description="Success stories from our community."
@@ -294,8 +147,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="About Roub Shop"
description={[
"Roub Shop is a premium creative studio dedicated to helping creators and brands scale faster. We provide the tools, not just the advice, that allow you to reach your potential.",
]}
"Roub Shop is a premium creative studio dedicated to helping creators and brands scale faster. We provide the tools, not just the advice, that allow you to reach your potential."]}
/>
</div>
@@ -306,52 +158,13 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "starter",
tag: "Basic",
price: "$49",
period: "/mo",
description: "Good for beginners.",
button: {
text: "Select",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Template Access",
"Support",
],
id: "starter", tag: "Basic", price: "$49", period: "/mo", description: "Good for beginners.", button: { text: "Select", href: "#" }, featuresTitle: "Includes:", features: ["Template Access", "Support"]
},
{
id: "pro",
tag: "Popular",
price: "$129",
period: "/mo",
description: "For growing teams.",
button: {
text: "Select",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Advanced UI Kits",
"Priority Support",
],
id: "pro", tag: "Popular", price: "$129", period: "/mo", description: "For growing teams.", button: { text: "Select", href: "#" }, featuresTitle: "Includes:", features: ["Advanced UI Kits", "Priority Support"]
},
{
id: "ultimate",
tag: "Elite",
price: "$299",
period: "/mo",
description: "The ultimate creator stack.",
button: {
text: "Select",
href: "#",
},
featuresTitle: "Includes:",
features: [
"Full Studio Access",
"Direct Concierge",
],
id: "ultimate", tag: "Elite", price: "$299", period: "/mo", description: "The ultimate creator stack.", button: { text: "Select", href: "#" }, featuresTitle: "Includes:", features: ["Full Studio Access", "Direct Concierge"]
},
]}
title="Simple Pricing"
@@ -364,21 +177,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Are updates lifetime?",
content: "Yes, once you buy, updates are forever.",
},
{
id: "f2",
title: "Is support included?",
content: "Our premium plans include priority support.",
},
{
id: "f3",
title: "What payment methods?",
content: "We support all major credit cards and Apple Pay.",
},
{ id: "f1", title: "Are updates lifetime?", content: "Yes, once you buy, updates are forever." },
{ id: "f2", title: "Is support included?", content: "Our premium plans include priority support." },
{ id: "f3", title: "What payment methods?", content: "We support all major credit cards and Apple Pay." },
]}
title="Common Questions"
description="Get answers quickly."
@@ -389,54 +190,23 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to transform your business? Download your first asset today."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/dark-shiny-background_1017-8079.jpg"
imageSrc="asset://footer-bg"
logoText="ROUB SHOP"
columns={[
{
title: "Shop",
items: [
{
label: "All Products",
href: "#products",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{ title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}