Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
209
src/app/page.tsx
209
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Movies",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Movies", id: "#hero"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "#catalog",
|
||||
},
|
||||
name: "Catalog", id: "#catalog"},
|
||||
{
|
||||
name: "Plans",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Plans", id: "#pricing"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "#faq"},
|
||||
]}
|
||||
brandName="StreamMart"
|
||||
/>
|
||||
@@ -56,42 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Stream Everything. Shop Anything."
|
||||
description="Your ultimate entertainment and shopping experience in one unified hub. Discover exclusive movies and curated products delivered to your digital screen."
|
||||
tag="All-in-One Entertainment"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "Browse Library",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Browse Library", href: "#catalog"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-cube-purple-pink_23-2151986943.jpg?_wi=1",
|
||||
imageAlt: "Streaming Dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-cube-purple-pink_23-2151986943.jpg", imageAlt: "Streaming Dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-searching-fornew-clothes_23-2147688706.jpg?_wi=1",
|
||||
imageAlt: "Digital Marketplace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-beams-with-warm-edge-glow-neon-depth_169016-71500.jpg",
|
||||
imageAlt: "Blue beams with warm edge glow neon depth",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gaming-room-with-neon-lights_23-2152006696.jpg",
|
||||
imageAlt: "Gaming room with neon lights",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/music-background-with-phone-with-music-icon-modern-technology-concept_169016-52931.jpg",
|
||||
imageAlt: "Music background with phone and with music icon modern technology concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-searching-fornew-clothes_23-2147688706.jpg", imageAlt: "Digital Marketplace"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,26 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Ultra HD Streaming",
|
||||
subtitle: "Watch in 4K resolution.",
|
||||
category: "Streaming",
|
||||
value: "4K HDR",
|
||||
},
|
||||
id: "f1", title: "Ultra HD Streaming", subtitle: "Watch in 4K resolution.", category: "Streaming", value: "4K HDR"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Checkout",
|
||||
subtitle: "One-click buying experience.",
|
||||
category: "Commerce",
|
||||
value: "1s Buy",
|
||||
},
|
||||
id: "f2", title: "Fast Checkout", subtitle: "One-click buying experience.", category: "Commerce", value: "1s Buy"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart AI Suggestions",
|
||||
subtitle: "Content tuned for you.",
|
||||
category: "Tech",
|
||||
value: "AI Powered",
|
||||
},
|
||||
id: "f3", title: "Smart AI Suggestions", subtitle: "Content tuned for you.", category: "Tech", value: "AI Powered"},
|
||||
]}
|
||||
title="Built for Modern Media"
|
||||
description="Powerful tools to enhance how you watch and shop."
|
||||
@@ -134,46 +90,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Blockbuster Prime",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001297.jpg",
|
||||
},
|
||||
id: "p1", name: "Blockbuster Prime", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001297.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Future Echoes",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg",
|
||||
},
|
||||
id: "p2", name: "Future Echoes", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Shadow Chase",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/climate-change-concept-collage_23-2149129756.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "DocuComedy Fun",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-puppet-ventriloquism-show_23-2150621767.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Epic Voyage",
|
||||
price: "$14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-concrete-tower-mountain-golden-hour_198169-291.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "The Noir Secret",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-wild-zebra-with-striped-coat_23-2151736376.jpg",
|
||||
},
|
||||
id: "p3", name: "Shadow Chase", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/climate-change-concept-collage_23-2149129756.jpg"},
|
||||
]}
|
||||
title="Trending Content"
|
||||
description="Fresh releases updated daily."
|
||||
@@ -188,25 +115,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50M+",
|
||||
title: "Active Users",
|
||||
description: "Global reach",
|
||||
icon: Users,
|
||||
id: "m1", value: "50M+", title: "Active Users", description: "Global reach", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100k",
|
||||
title: "Films & Products",
|
||||
description: "Diverse catalog",
|
||||
icon: Film,
|
||||
id: "m2", value: "100k", title: "Films & Products", description: "Diverse catalog", icon: Film,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable streaming",
|
||||
icon: Zap,
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Reliable streaming", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -219,30 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pink-hair-playing-with-joystick-laptop_23-2148969202.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pink-hair-playing-with-joystick-laptop_23-2148969202.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-smartphone_23-2149652155.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-holding-smartphone_23-2149652155.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-sitting-home-browsing-his-mobile-phone_23-2148042674.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-sitting-home-browsing-his-mobile-phone_23-2148042674.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "The Smith Family",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sisters-with-mother-watching-tv_23-2147767995.jpg",
|
||||
},
|
||||
id: "4", name: "The Smith Family", imageSrc: "http://img.b2bpic.net/free-photo/sisters-with-mother-watching-tv_23-2147767995.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-with-map_23-2147835186.jpg",
|
||||
},
|
||||
id: "5", name: "Kevin J.", imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-with-map_23-2147835186.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Community"
|
||||
cardTag="Our Success"
|
||||
@@ -256,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does it work?",
|
||||
content: "Subscribe and get access to the whole library.",
|
||||
},
|
||||
id: "q1", title: "How does it work?", content: "Subscribe and get access to the whole library."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is shopping separate?",
|
||||
content: "No, it's fully integrated into your account.",
|
||||
},
|
||||
id: "q2", title: "Is shopping separate?", content: "No, it's fully integrated into your account."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, flexibility is our priority.",
|
||||
},
|
||||
id: "q3", title: "Can I cancel anytime?", content: "Yes, flexibility is our priority."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers here."
|
||||
@@ -285,26 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Green",
|
||||
role: "Head of Content",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-nightlife-young-adults-glowing-with-happiness-generated-by-ai_188544-14041.jpg",
|
||||
imageAlt: "4k streaming tech visual",
|
||||
},
|
||||
id: "t1", name: "Alice Green", role: "Head of Content", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-nightlife-young-adults-glowing-with-happiness-generated-by-ai_188544-14041.jpg", imageAlt: "4k streaming tech visual"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob White",
|
||||
role: "Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-cube-purple-pink_23-2151986943.jpg?_wi=2",
|
||||
imageAlt: "4k streaming tech visual",
|
||||
},
|
||||
id: "t2", name: "Bob White", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/neon-cube-purple-pink_23-2151986943.jpg", imageAlt: "4k streaming tech visual"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Clara Blue",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-searching-fornew-clothes_23-2147688706.jpg?_wi=2",
|
||||
imageAlt: "4k streaming tech visual",
|
||||
},
|
||||
id: "t3", name: "Clara Blue", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/woman-searching-fornew-clothes_23-2147688706.jpg", imageAlt: "4k streaming tech visual"},
|
||||
]}
|
||||
title="Meet The Visionaries"
|
||||
description="Crafting the future of entertainment."
|
||||
@@ -315,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Stay Updated"
|
||||
description="Join our newsletter for fresh content news."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301602.jpg"
|
||||
@@ -330,29 +205,19 @@ export default function LandingPage() {
|
||||
logoText="StreamMart"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#",
|
||||
},
|
||||
label: "Company", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user