240 lines
11 KiB
TypeScript
240 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { Zap, Globe, Smartphone, Star } from "lucide-react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Products", id: "products"},
|
|
{
|
|
name: "Pricing", id: "pricing"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Urmi News"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Stay Informed, Stay Inspired."
|
|
description="Your premier destination for the latest in global news, lifestyle trends, and curated editorial content. Urmi News brings the world to your fingertips."
|
|
buttons={[
|
|
{
|
|
text: "Start Reading Today", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/girl-with-book_1157-5449.jpg?_wi=1"
|
|
imageAlt="Digital magazine collection"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-cafe-reading-book-while-having-coffee_23-2150064781.jpg", alt: "Person in a cafe reading a book while having coffee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-sitting-cafe-reading_273609-15142.jpg", alt: "Young blonde woman sitting in cafe and reading"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hipster-man-drinking-coffee-while-reading_158595-3725.jpg", alt: "Hipster man drinking coffee while reading"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-with-book_1157-5450.jpg", alt: "girl with book"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/person-reading-online-magazine-using-digital-device_52683-107494.jpg", alt: "Person reading an online magazine using a digital device"},
|
|
]}
|
|
avatarText="Join 10,000+ passionate readers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Quality"
|
|
description="Urmi News has been dedicated to delivering high-quality, curated journalism for over a decade, connecting readers with narratives that matter."
|
|
metrics={[
|
|
{
|
|
value: "10K+", title: "Happy Readers"},
|
|
{
|
|
value: "500+", title: "Published Issues"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-people-having-fun-work-break_23-2149060345.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
imageAlt="Editorial team working professional"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Curated Daily", description: "Hand-picked articles delivered fresh every single day.", buttonIcon: Zap,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-coworking-covid-restrictions_23-2148961695.jpg", imageAlt: "People coworking in covid restrictions"},
|
|
{
|
|
title: "Global Insights", description: "Reporting from across the world with deep local context.", buttonIcon: Globe,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-book_1157-5449.jpg?_wi=2", imageAlt: "People coworking in covid restrictions"},
|
|
{
|
|
title: "Digital Access", description: "Read anywhere, on any device, with seamless sync.", buttonIcon: Smartphone,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-work-break_23-2149060345.jpg?_wi=2", imageAlt: "People coworking in covid restrictions"},
|
|
{
|
|
title: "Exclusive Deals", description: "Subscribers get special access to rare issues.", buttonIcon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-short-hair-with-hat-hand_158538-15053.jpg?_wi=1", imageAlt: "People coworking in covid restrictions"},
|
|
]}
|
|
title="Why Choose Urmi?"
|
|
description="Experience editorial excellence with our unique benefits designed for every passionate reader."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Fashion Weekly", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-caucasian-young-woman-model-with-bright-modern-makeup-with-short-hair-with-hat-hand_158538-15053.jpg?_wi=2"},
|
|
{
|
|
id: "2", name: "Tech Review", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/red-t-shirt-apparel-plus-size-businesswoman-reading-newspaper_53876-105527.jpg"},
|
|
{
|
|
id: "3", name: "Culinary Digest", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/food-celebrating-world-tapas-day_23-2149361477.jpg"},
|
|
{
|
|
id: "4", name: "Art & Culture", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-with-rings-bracelets_1162-146.jpg"},
|
|
{
|
|
id: "5", name: "Travel Explorer", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/nature-landscape-with-hand-holding-frame_23-2149389984.jpg"},
|
|
{
|
|
id: "6", name: "Science Today", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-vector/new-year-party-flyer-template-with-image_52683-29248.jpg"},
|
|
]}
|
|
title="Latest Issues"
|
|
description="Explore our extensive library of premium magazines."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", name: "Basic", price: "$9/mo", features: [
|
|
"Monthly Digital Issue", "Standard Newsletter"],
|
|
buttons: [
|
|
{
|
|
text: "Subscribe", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
id: "pro", name: "Premium", badge: "Best Value", price: "$19/mo", features: [
|
|
"Weekly Digital Issue", "Archive Access", "Ad-Free Experience"],
|
|
buttons: [
|
|
{
|
|
text: "Subscribe", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
title="Subscription Plans"
|
|
description="Choose the best plan to stay connected with the news you need."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Journalist", company: "Global Press", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redheaded-girl-reads-book_8353-9124.jpg"},
|
|
{
|
|
id: "2", name: "Mark D.", role: "Designer", company: "Creative Agency", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home-drinking-coffee_343059-184.jpg"},
|
|
{
|
|
id: "3", name: "Elena V.", role: "Architect", company: "V-Design", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-tablet_23-2148016290.jpg"},
|
|
{
|
|
id: "4", name: "David W.", role: "CEO", company: "Startup Hub", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-manager-eyeglasses-with-documents-hands_171337-16709.jpg"},
|
|
{
|
|
id: "5", name: "Clara M.", role: "Teacher", company: "Education First", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-pigtails-white-blouse-old-library_627829-6515.jpg"},
|
|
]}
|
|
title="Reader Stories"
|
|
description="Hear what our loyal community says about Urmi News."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "How do I download?", content: "You can download issues directly from your dashboard."},
|
|
{
|
|
id: "q2", title: "Can I cancel anytime?", content: "Yes, our flexible plans allow cancellation at any time."},
|
|
{
|
|
id: "q3", title: "Do you offer bulk discounts?", content: "Yes, for organizations of 10+ members."},
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Quick answers to help you get the most out of your subscription."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Have a story idea or feedback for our editors? We would love to hear from you."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Urmi News"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|