bender/3960cf7f-2f34-4b5d-a739-3acfc9946c4b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-04 05:30:17 +00:00
Conversation 0 Commits 2 Files Changed 2 +73 -167
2 changed files with 73 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/app/layout.tsx
View File

@@ -1,69 +1,20 @@
import type { Metadata } from "next";
import { Montserrat } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
import type { Metadata } from 'next';
import './globals.css';
export const metadata: Metadata = {
title: "TrendPin - Discover & Monetize Visual Content",
description: "Join TrendPin, the ultimate platform for discovering trending images and videos, uploading content, and earning money as a creator. Pinterest-style masonry layout with advanced monetization.",
keywords: "social media, content discovery, creator monetization, trending platform, image sharing, video platform",
metadataBase: new URL("https://trendpin.com"),
alternates: {
canonical: "https://trendpin.com",
},
openGraph: {
title: "TrendPin - Discover & Monetize Visual Content",
description: "Join TrendPin and start earning money from your creative content. Pinterest-style discovery platform with creator monetization.",
url: "https://trendpin.com",
siteName: "TrendPin",
type: "website",
images: [
{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-vibrant-pinterest-style-masonry-grid-l-1772602046509-614cef50.png",
alt: "TrendPin Masonry Grid Interface",
},
],
},
twitter: {
card: "summary_large_image",
title: "TrendPin - Discover & Monetize Visual Content",
description: "Join TrendPin and start earning money from your creative content today.",
images: [
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-vibrant-pinterest-style-masonry-grid-l-1772602046509-614cef50.png",
],
},
robots: {
index: true,
follow: true,
},
title: 'TrendPin - Discover, Create & Monetize Visual Content',
description: 'The ultimate platform for discovering trending images and videos, uploading your best content, and earning money as a creator.',
keywords: ['social media', 'content creation', 'monetization', 'visual content', 'creators'],
};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${montserrat.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1431,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}
}

170
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import TestimonialCardSixteen from "@/components/sections/testimonial/Testimonia
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Sparkles, Zap, Package, TrendingUp, Users, Image, Heart, DollarSign, Mail, Star } from "lucide-react";
import { Sparkles, Zap, Package, TrendingUp, Users, Image, Heart, DollarSign, Mail, Star, CreditCard } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -60,7 +60,7 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{ text: "Start Creating Today", href: "/contact" },
{ text: "Explore Trending", href: "/explore" },
{ text: "Explore Trending", href: "/features" },
]}
buttonAnimation="slide-up"
avatars={[
@@ -69,7 +69,7 @@ export default function HomePage() {
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-diverse-content-cr-1772602046116-1230ad6f.png", alt: "Creator 3" },
]}
avatarText="Trusted by 50,000+ creators"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-vibrant-pinterest-style-masonry-grid-l-1772602046509-614cef50.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-vibrant-pinterest-style-masonry-grid-l-1772602046509-614cef50.png"
imageAlt="TrendPin Masonry Grid Interface"
mediaAnimation="slide-up"
marqueeItems={[
@@ -81,7 +81,6 @@ export default function HomePage() {
]}
marqueeSpeed={35}
showMarqueeCard={true}
useInvertedBackground={false}
/>
</div>
@@ -95,47 +94,17 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "01",
title: "Masonry Grid Discovery",
description: "Pinterest-style infinite scroll with adaptive masonry layout. Discover trending images and videos with seamless infinite loading and responsive design across all devices.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-mobile-first-responsive-interface-demo-1772602046975-e8c465d3.png?_wi=1",
imageAlt: "Infinite scroll masonry interface",
},
id: "01", title: "Masonry Grid Discovery", description: "Pinterest-style infinite scroll with adaptive masonry layout. Discover trending images and videos with seamless infinite loading and responsive design across all devices.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-mobile-first-responsive-interface-demo-1772602046975-e8c465d3.png", imageAlt: "Infinite scroll masonry interface"},
{
id: "02",
title: "Seamless Upload System",
description: "Upload images and videos with title, description, and tags. Automatic image compression, cloud storage integration, and secure file handling for optimal performance.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-sleek-image-and-video-upload-interface-1772602046428-bd61b6ee.png?_wi=1",
imageAlt: "Upload interface with compression",
},
id: "02", title: "Seamless Upload System", description: "Upload images and videos with title, description, and tags. Automatic image compression, cloud storage integration, and secure file handling for optimal performance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-sleek-image-and-video-upload-interface-1772602046428-bd61b6ee.png", imageAlt: "Upload interface with compression"},
{
id: "03",
title: "Google OAuth Authentication",
description: "Secure login with Google OAuth integration. Automatic profile creation, session management, and JWT-based secure authentication for user accounts.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-modern-google-oauth-authentication-flo-1772602052986-df7ca541.png",
imageAlt: "OAuth login interface",
},
id: "03", title: "Google OAuth Authentication", description: "Secure login with Google OAuth integration. Automatic profile creation, session management, and JWT-based secure authentication for user accounts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-modern-google-oauth-authentication-flo-1772602052986-df7ca541.png", imageAlt: "OAuth login interface"},
{
id: "04",
title: "Creator Dashboard",
description: "Comprehensive analytics dashboard for creators. Track earnings, views, engagement rates, and manage content performance with real-time metrics.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-comprehensive-creator-dashboard-displa-1772602046489-75e56277.png?_wi=1",
imageAlt: "Creator analytics dashboard",
},
id: "04", title: "Creator Dashboard", description: "Comprehensive analytics dashboard for creators. Track earnings, views, engagement rates, and manage content performance with real-time metrics.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-comprehensive-creator-dashboard-displa-1772602046489-75e56277.png", imageAlt: "Creator analytics dashboard"},
{
id: "05",
title: "Advanced Monetization",
description: "Multiple revenue streams including premium subscriptions, sponsored content, affiliate marketing, and creator revenue sharing with platform.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-monetization-system-interface-showing--1772602047373-9250d46a.png?_wi=1",
imageAlt: "Monetization system interface",
},
id: "05", title: "Advanced Monetization", description: "Multiple revenue streams including premium subscriptions, sponsored content, affiliate marketing, and creator revenue sharing with platform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-monetization-system-interface-showing--1772602047373-9250d46a.png", imageAlt: "Monetization system interface"},
{
id: "06",
title: "AI-Powered Trending",
description: "Intelligent algorithm analyzing engagement, viral potential, and user interests. Real-time trending detection with geo-based boost and anti-manipulation systems.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-trending-algorithm-visualization-showi-1772602046828-aa489015.png",
imageAlt: "Trending algorithm visualization",
},
id: "06", title: "AI-Powered Trending", description: "Intelligent algorithm analyzing engagement, viral potential, and user interests. Real-time trending detection with geo-based boost and anti-manipulation systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-trending-algorithm-visualization-showi-1772602046828-aa489015.png", imageAlt: "Trending algorithm visualization"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -155,26 +124,11 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
id: "1",
name: "TrendPin Pro",
price: "Premium Access",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-react-native-flutter-cross-platform-mo-1772602053161-65b5fe28.png",
imageAlt: "Mobile app interface",
},
id: "1", name: "TrendPin Pro", price: "Premium Access", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-react-native-flutter-cross-platform-mo-1772602053161-65b5fe28.png", imageAlt: "Mobile app interface"},
{
id: "2",
name: "Creator Marketplace",
price: "Collaboration Hub",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-comprehensive-creator-dashboard-displa-1772602046489-75e56277.png?_wi=2",
imageAlt: "Creator collaboration tools",
},
id: "2", name: "Creator Marketplace", price: "Collaboration Hub", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-comprehensive-creator-dashboard-displa-1772602046489-75e56277.png", imageAlt: "Creator collaboration tools"},
{
id: "3",
name: "Admin Dashboard",
price: "Management Suite",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-comprehensive-admin-dashboard-for-plat-1772602047904-e1fea316.png?_wi=1",
imageAlt: "Admin control panel",
},
id: "3", name: "Admin Dashboard", price: "Management Suite", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-comprehensive-admin-dashboard-for-plat-1772602047904-e1fea316.png", imageAlt: "Admin control panel"},
]}
textboxLayout="default"
animationType="slide-up"
@@ -184,6 +138,44 @@ export default function HomePage() {
/>
</div>
{/* Pricing Section */}
<div id="pricing" data-section="pricing">
<PricingCardEight
title="TrendPin Premium Plans"
description="Choose the perfect plan to unlock exclusive features and monetization opportunities."
tag="Flexible Pricing"
tagIcon={CreditCard}
tagAnimation="slide-up"
plans={[
{
id: "basic", badge: "Popular Choice", badgeIcon: Star,
price: "Free", subtitle: "Start your creator journey", buttons: [{ text: "Get Started", href: "/contact" }],
features: [
"Unlimited content uploads", "Basic analytics dashboard", "Ad revenue sharing (30%)", "Community access", "Standard support"],
},
{
id: "pro", badge: "Most Popular", badgeIcon: Sparkles,
price: "$9.99/mo", subtitle: "Perfect for growing creators", buttons: [
{ text: "Start Pro Trial", href: "/contact" },
{ text: "Learn More", href: "#" },
],
features: [
"Ad-free browsing experience", "Advanced analytics (video watch time)", "Priority ad revenue (50%)", "Creator badge & profile boost", "Exclusive content access", "Priority support", "Custom profile themes"],
},
{
id: "enterprise", badge: "For Brands", badgeIcon: Zap,
price: "Custom", subtitle: "Enterprise collaboration", buttons: [{ text: "Contact Sales", href: "/contact" }],
features: [
"Sponsored content tools", "Brand analytics dashboard", "Creator marketplace access", "Influencer collaboration suite", "Revenue tracking & withdrawal", "Dedicated account manager", "API access"],
},
]}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={true}
carouselMode="buttons"
/>
</div>
{/* Metrics Section */}
<div id="metrics" data-section="metrics">
<MetricCardThree
@@ -215,59 +207,23 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Photography Creator",
company: "SarahSnapshots",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602047343-798e3d45.png",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Photography Creator", company: "SarahSnapshots", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602047343-798e3d45.png", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Marcus Chen",
role: "Filmmaker",
company: "CinematicVibes",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602045827-0f7f6691.png",
imageAlt: "Marcus Chen",
},
id: "2", name: "Marcus Chen", role: "Filmmaker", company: "CinematicVibes", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602045827-0f7f6691.png", imageAlt: "Marcus Chen"},
{
id: "3",
name: "Emma Rodriguez",
role: "Content Creator",
company: "EmmaInspired",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-diverse-content-cr-1772602046116-1230ad6f.png",
imageAlt: "Emma Rodriguez",
},
id: "3", name: "Emma Rodriguez", role: "Content Creator", company: "EmmaInspired", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-diverse-content-cr-1772602046116-1230ad6f.png", imageAlt: "Emma Rodriguez"},
{
id: "4",
name: "David Park",
role: "Graphic Designer",
company: "ParkDesignStudio",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602045208-5bf6df80.png",
imageAlt: "David Park",
},
id: "4", name: "David Park", role: "Graphic Designer", company: "ParkDesignStudio", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602045208-5bf6df80.png", imageAlt: "David Park"},
{
id: "5",
name: "Jessica White",
role: "Influencer",
company: "JessicaLife",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-content-creator-pr-1772602047802-c7293c53.png",
imageAlt: "Jessica White",
},
id: "5", name: "Jessica White", role: "Influencer", company: "JessicaLife", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-content-creator-pr-1772602047802-c7293c53.png", imageAlt: "Jessica White"},
{
id: "6",
name: "Alex Thompson",
role: "Brand Partner",
company: "ThompsonBrand",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602046553-85276224.png",
imageAlt: "Alex Thompson",
},
id: "6", name: "Alex Thompson", role: "Brand Partner", company: "ThompsonBrand", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASylfTGhuZNwH5jW6ydIXxdHBh/a-portrait-photo-of-a-professional-conte-1772602046553-85276224.png", imageAlt: "Alex Thompson"},
]}
kpiItems={[
{ value: "50K+", label: "Active Creators" },
@@ -306,4 +262,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}