359 lines
12 KiB
TypeScript
359 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/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: "Browse Issues",
|
|
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",
|
|
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>
|
|
);
|
|
}
|