Merge version_1 into main #1
@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function TrendingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -22,158 +22,68 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Generator",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "/trending",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Roastify AI"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Generator", id: "/" },
|
||||
{ name: "Trending", id: "/trending" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Roastify AI"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trending-list" data-section="trending-list">
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "The Office Clerk Roast",
|
||||
price: "1.2k Likes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Gym Addict Special",
|
||||
price: "980 Likes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881524.jpg",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "The Fashion Disaster",
|
||||
price: "850 Likes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Gaming All-Nighter",
|
||||
price: "700 Likes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-abstract-sunset-projector-lamp_53876-103698.jpg",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Coder's Coffee Roast",
|
||||
price: "650 Likes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881550.jpg",
|
||||
},
|
||||
{
|
||||
id: "r6",
|
||||
name: "The Student Struggle",
|
||||
price: "600 Likes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg",
|
||||
},
|
||||
]}
|
||||
title="Daily Viral Roasts"
|
||||
description="Check out what everyone else is laughing at today."
|
||||
/>
|
||||
</div>
|
||||
<div id="trending-list" data-section="trending-list">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "r1", name: "The Office Clerk Roast", price: "1.2k Likes", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg" },
|
||||
{ id: "r2", name: "Gym Addict Special", price: "980 Likes", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881524.jpg" },
|
||||
{ id: "r3", name: "The Fashion Disaster", price: "850 Likes", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg" },
|
||||
{ id: "r4", name: "Gaming All-Nighter", price: "700 Likes", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-abstract-sunset-projector-lamp_53876-103698.jpg" },
|
||||
{ id: "r5", name: "Coder's Coffee Roast", price: "650 Likes", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881550.jpg" },
|
||||
{ id: "r6", name: "The Student Struggle", price: "600 Likes", imageSrc: "http://img.b2bpic.net/free-photo/dark-illustration-background_181624-11581.jpg" }
|
||||
]}
|
||||
title="Daily Viral Roasts"
|
||||
description="Check out what everyone else is laughing at today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="How We Rank Roasts"
|
||||
description="Our algorithm analyzes wit, delivery, and originality."
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision AI",
|
||||
author: "Tech Team",
|
||||
description: "Analyzing every syllable for maximum impact.",
|
||||
tags: [
|
||||
"AI",
|
||||
"Tech",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-using-transparent-tablet-with-hologram-medical-technology_53876-97972.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Human Feedback",
|
||||
author: "Community",
|
||||
description: "Users verify the humor quality.",
|
||||
tags: [
|
||||
"Community",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-psd-mockup-smart-technology_53876-110815.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="How We Rank Roasts"
|
||||
description="Our algorithm analyzes wit, delivery, and originality."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Precision AI", author: "Tech Team", description: "Analyzing every syllable for maximum impact.", tags: ["AI", "Tech"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctors-using-transparent-tablet-with-hologram-medical-technology_53876-97972.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Human Feedback", author: "Community", description: "Users verify the humor quality.", tags: ["Community"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-psd-mockup-smart-technology_53876-110815.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Roastify AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Generator",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Trending",
|
||||
href: "/trending",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Roastify AI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Roastify AI"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Generator", href: "/" }, { label: "Trending", href: "/trending" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Roastify AI. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user