- }
-
- {hasPermission(currentUser, 'READ_ROLES') &&
-
-
-
- Roles
-
-
- {roles}
-
-
-
-
+
+ {/* Trending Section */}
+
+
+
+
+
+
+ {loading ? (
+
+ {[1, 2, 3, 4].map((i) => (
+
+ ))}
+
+ ) : (
+
+ {trending.length > 0 ? (
+ trending.map((product) => (
+
+ ))
+ ) : (
+
+
+
+
No trending products yet
+
+ As soon as we detect significant market movement, they'll appear here.
+
+
+ )}
+
+ )}
- }
-
- {hasPermission(currentUser, 'READ_PERMISSIONS') &&
-
-
-
-
- Permissions
-
-
- {permissions}
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_PRODUCTS') &&
-
-
-
-
- Products
-
-
- {products}
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_PRODUCT_METRICS') &&
-
-
-
-
- Product metrics
-
-
- {product_metrics}
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_VIRAL_VIDEOS') &&
-
-
-
-
- Viral videos
-
-
- {viral_videos}
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_SUPPLIER_MATCHES') &&
-
-
-
-
- Supplier matches
-
-
- {supplier_matches}
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_USER_TRACKED_PRODUCTS') &&
-
-
-
-
- User tracked products
-
-
- {user_tracked_products}
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_TRACKED_COMPETITORS') &&
-
-
-
-
- Tracked competitors
-
-
- {tracked_competitors}
-
-
-
-
-
-
- }
-
- {hasPermission(currentUser, 'READ_SUBSCRIPTIONS') &&
-
-
-
-
- Subscriptions
-
-
- {subscriptions}
-
-
-
-
-
-
- }
-
-
-
-
-
- )
+
+
+ )
}
Dashboard.getLayout = function getLayout(page: ReactElement) {
- return
{page}
+ return
{page}
}
export default Dashboard
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index e6b1168..6da097a 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -1,166 +1,169 @@
-
import React, { useEffect, useState } from 'react';
import type { ReactElement } from 'react';
import Head from 'next/head';
import Link from 'next/link';
-import BaseButton from '../components/BaseButton';
-import CardBox from '../components/CardBox';
-import SectionFullScreen from '../components/SectionFullScreen';
import LayoutGuest from '../layouts/Guest';
-import BaseDivider from '../components/BaseDivider';
-import BaseButtons from '../components/BaseButtons';
import { getPageTitle } from '../config';
-import { useAppSelector } from '../stores/hooks';
-import CardBoxComponentTitle from "../components/CardBoxComponentTitle";
-import { getPexelsImage, getPexelsVideo } from '../helpers/pexels';
+import BaseButton from '../components/BaseButton';
+import { mdiChartTimelineVariant, mdiFlash, mdiTrophy, mdiVideo } from '@mdi/js';
+import BaseIcon from '../components/BaseIcon';
+import axios from 'axios';
+export default function Landing() {
+ const [stats, setStats] = useState({
+ totalProducts: 0,
+ viralAlerts: 0,
+ successfulSellers: 0,
+ });
-export default function Starter() {
- const [illustrationImage, setIllustrationImage] = useState({
- src: undefined,
- photographer: undefined,
- photographer_url: undefined,
- })
- const [illustrationVideo, setIllustrationVideo] = useState({video_files: []})
- const [contentType, setContentType] = useState('video');
- const [contentPosition, setContentPosition] = useState('left');
- const textColor = useAppSelector((state) => state.style.linkColor);
-
- const title = 'TikTokScout'
-
- // Fetch Pexels image/video
- useEffect(() => {
- async function fetchData() {
- const image = await getPexelsImage();
- const video = await getPexelsVideo();
- setIllustrationImage(image);
- setIllustrationVideo(video);
- }
- fetchData();
- }, []);
-
- const imageBlock = (image) => (
-
- );
-
- const videoBlock = (video) => {
- if (video?.video_files?.length > 0) {
- return (
-
-
-
-
-
)
+ useEffect(() => {
+ const fetchPublicStats = async () => {
+ try {
+ const res = await axios.get('/public/stats');
+ setStats(res.data);
+ } catch (error) {
+ console.error('Error fetching public stats:', error);
}
};
+ fetchPublicStats();
+ }, []);
return (
-
+
-
{getPageTitle('Starter Page')}
+
{getPageTitle('TikTokScout - TikTok Shop Product Research')}
-
-
- {contentType === 'image' && contentPosition !== 'background'
- ? imageBlock(illustrationImage)
- : null}
- {contentType === 'video' && contentPosition !== 'background'
- ? videoBlock(illustrationVideo)
- : null}
-
-
-
-
This is a React.js/Node.js app generated by the Flatlogic Web App Generator
-
For guides and documentation please check
- your local README.md and the Flatlogic documentation
+ {/* Hero Section */}
+
+
+
+
+ Scale Your TikTok Shop with Data
+
+
+ Find winning products, track viral trends, and spy on competitors with the world's most advanced TikTok Shop research tool.
+
+
+
+
+
+
-
-
+
+
-
-
+ {/* Stats Section */}
+
+
+
+
{stats.totalProducts > 0 ? stats.totalProducts : 'Join us today'}
+
Products Tracked
+
+
+
Viral Detection
+
Real-time alerts enabled
+
+
+
Winning Products
+
Research Hub Ready
+
-
-
-
© 2026 {title} . All rights reserved
-
- Privacy Policy
-
+
+ {/* Features Section */}
+
+
+
+
Why TikTokScout?
+
+ We provide the tools you need to stay ahead of the curve in the fast-paced world of TikTok commerce.
+
+
+
+
+
+
+
Real-time Analytics
+
+ Track sales velocity, revenue estimates, and inventory levels in real-time.
+
+
+
+
+
+
Viral Detection
+
+ Our AI detects products before they go viral, giving you a massive head start.
+
+
+
+
+
+
Competitor Insights
+
+ See exactly what shops are selling and how they are marketing their top products.
+
+
+
+
+ {/* Footer */}
+
);
}
-Starter.getLayout = function getLayout(page: ReactElement) {
+Landing.getLayout = function getLayout(page: ReactElement) {
return
{page} ;
-};
-
+};
\ No newline at end of file