bender/63eb95a5-0b66-424d-8604-72e295ca7286
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-22 04:20:40 +00:00
Conversation 0 Commits 2 Files Changed 2 +47 -360
2 changed files with 47 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files

393
src/app/page.tsx
View File

@@ -2,15 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { DollarSign, TrendingUp, Truck } from "lucide-react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import { LayoutDashboard, FileText, Settings, Search, Users, BarChart } from "lucide-react";
export default function LandingPage() {
return (
@@ -27,351 +21,44 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "World",
id: "#world",
},
{
name: "Tech",
id: "#tech",
},
{
name: "Business",
id: "#business",
},
{
name: "Lifestyle",
id: "#lifestyle",
},
]}
button={{
text: "Subscribe",
href: "#newsletter",
}}
brandName="Pulse News"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Dashboard", id: "#dashboard" },
{ name: "Articles", id: "#articles" },
{ name: "Analytics", id: "#analytics" },
{ name: "Settings", id: "#settings" },
]}
brandName="NewsPortal OS"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Breaking: Global Markets Shift Amid New Tech Breakthroughs"
description="Stay informed with our deep-dive analysis into the technology trends reshaping the world economy this quarter."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
alt: "Editor",
},
{
src: "http://img.b2bpic.net/free-photo/view-3d-male-videographer_23-2151066987.jpg",
alt: "Contributor",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831023.jpg",
alt: "Staff",
},
{
src: "http://img.b2bpic.net/free-photo/traveler-female-holds-digital-photo-camera-red-coffee-cup-grey-background_613910-7174.jpg",
alt: "Journalist",
},
{
src: "http://img.b2bpic.net/free-photo/positive-traveler-female-holds-digital-photo-camera-tripod_613910-9779.jpg",
alt: "Reporter",
},
]}
buttons={[
{
text: "Read Full Story",
href: "#",
},
]}
marqueeItems={[
{
type: "text-icon",
text: "Market Open",
icon: TrendingUp,
},
{
type: "text",
text: "Tech Sector Leads Indices",
},
{
type: "text-icon",
text: "Inflation Cooling",
icon: DollarSign,
},
{
type: "text",
text: "AI Regulation Passes",
},
{
type: "text-icon",
text: "Global Supply Chain Recovery",
icon: Truck,
},
]}
/>
</div>
<div id="grid" data-section="grid">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Tech Breakthrough",
price: "5 min read",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-spectacles-holding-newspaper-caf_23-2147876735.jpg",
},
{
id: "p2",
name: "World Markets",
price: "8 min read",
imageSrc: "http://img.b2bpic.net/free-photo/globe-with-world-map_116348-36.jpg",
},
{
id: "p3",
name: "Finance Trends",
price: "4 min read",
imageSrc: "http://img.b2bpic.net/free-photo/general-manager-oversees-budget-analysis-strategy-development_482257-123730.jpg",
},
{
id: "p4",
name: "Modern Living",
price: "6 min read",
imageSrc: "http://img.b2bpic.net/free-photo/wooden-letters-with-fake-news_23-2148875987.jpg",
},
{
id: "p5",
name: "Health Update",
price: "3 min read",
imageSrc: "http://img.b2bpic.net/free-photo/agenda-calendar-appointment-graphic-concept_53876-125043.jpg",
},
{
id: "p6",
name: "Culture Scene",
price: "7 min read",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photos_23-2149911917.jpg",
},
]}
title="Latest Headlines"
description="Curated news from around the globe."
/>
</div>
<div id="trending" data-section="trending">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "01",
description: "Global AI Regulation Debate",
},
{
id: "m2",
value: "02",
description: "Sustainability in Finance",
},
{
id: "m3",
value: "03",
description: "The New Era of Hybrid Work",
},
]}
title="Trending Now"
description="Most read stories today."
/>
</div>
<div id="stats" data-section="stats">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "s1",
value: "5M+",
description: "Monthly Readers",
},
{
id: "s2",
value: "150",
description: "Countries Covered",
},
{
id: "s3",
value: "24/7",
description: "Live Reporting",
},
]}
title="Our Impact"
description="Delivering quality news since 2010."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "John Doe",
role: "Journalist",
testimonial: "Excellent coverage, very authoritative.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-albino-woman-reading-magazine_23-2150171872.jpg",
},
{
id: "t2",
name: "Jane Smith",
role: "Academic",
testimonial: "My primary source for global tech news.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-tablet-with-admiration_259150-58155.jpg",
},
{
id: "t3",
name: "Bob Brown",
role: "Investor",
testimonial: "Clean, concise, and incredibly fast.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-headphones-around-neck-reading-book_23-2148397143.jpg",
},
{
id: "t4",
name: "Alice White",
role: "Tech Lead",
testimonial: "I love the detailed analysis.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-library_1157-9038.jpg",
},
{
id: "t5",
name: "Charlie Day",
role: "Designer",
testimonial: "The best reading experience online.",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-study-material_329181-19624.jpg",
},
]}
title="What Readers Say"
description="Insights from our community."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I subscribe?",
content: "Simply click the subscribe button in the navbar.",
},
{
id: "f2",
title: "Is it free?",
content: "We offer both free and premium tiers.",
},
{
id: "f3",
title: "How to contact?",
content: "Reach us via our official contact channels.",
},
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="newsletter" data-section="newsletter">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
text="Join 50,000+ readers and get daily insights delivered to your inbox."
buttons={[
{
text: "Subscribe Now",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "News",
items: [
{
label: "World",
href: "#",
},
{
label: "Tech",
href: "#",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Resources",
items: [
{
label: "Newsletter",
href: "#",
},
{
label: "Archive",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Pulse News"
bottomRightText="All rights reserved."
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Content Management Hub"
description="Streamline your editorial workflow with our high-performance news portal dashboard."
dashboard={{
title: "Newsroom Overview", logoIcon: LayoutDashboard,
sidebarItems: [
{ icon: LayoutDashboard, active: true },
{ icon: FileText },
{ icon: Users },
{ icon: Settings },
],
stats: [
{ title: "Active Articles", values: [120, 15, 3], description: "Published today" },
{ title: "Total Reach", values: [850000, 20000, 500], description: "Last 24h" },
],
chartData: [{ value: 40 }, { value: 65 }, { value: 50 }, { value: 80 }, { value: 70 }],
listItems: [
{ icon: FileText, title: "Breaking: Tech Market Shift", status: "Live" },
{ icon: FileText, title: "Quarterly Finance Review", status: "Draft" },
],
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-spectacles-holding-newspaper-caf_23-2147876735.jpg"
}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #334155;
--primary-cta: #007BFF;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--primary-cta-text: #ffffff;
--secondary-cta: #0A192F;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);