Update src/app/page.tsx
This commit is contained in:
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Premium Channel"
|
||||
/>
|
||||
@@ -55,112 +47,62 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Experience Premium Content Like Never Before"
|
||||
description="Unlock a world of high-definition, exclusive programming tailored to your unique tastes."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-clinical-environment-with-pc-displays-showing-healthcare-software_482257-124292.jpg",
|
||||
imageAlt: "professional tv channel studio blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-clinical-environment-with-pc-displays-showing-healthcare-software_482257-124292.jpg", imageAlt: "professional tv channel studio blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-109807.jpg",
|
||||
imageAlt: "professional tv channel studio blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-109807.jpg", imageAlt: "professional tv channel studio blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-video-camera-stand-with-green-chromakey-studio_1268-17879.jpg",
|
||||
imageAlt: "professional tv channel studio blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-video-camera-stand-with-green-chromakey-studio_1268-17879.jpg", imageAlt: "professional tv channel studio blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights-great-backgrounds-wallpapers_181624-34326.jpg",
|
||||
imageAlt: "professional tv channel studio blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights-great-backgrounds-wallpapers_181624-34326.jpg", imageAlt: "professional tv channel studio blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-specialized-post-processing-studio-with-editing-software-interface-pc-screens_482257-82272.jpg",
|
||||
imageAlt: "professional tv channel studio blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-specialized-post-processing-studio-with-editing-software-interface-pc-screens_482257-82272.jpg", imageAlt: "professional tv channel studio blue"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unlocking-rental-car-by-smartphone-app_53876-105377.jpg",
|
||||
imageAlt: "media platform digital interface blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unlocking-rental-car-by-smartphone-app_53876-105377.jpg", imageAlt: "media platform digital interface blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062948.jpg",
|
||||
imageAlt: "media platform digital interface blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062948.jpg", imageAlt: "media platform digital interface blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg",
|
||||
imageAlt: "media platform digital interface blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-blue-hud-interface-laptop-concept_53876-15831.jpg", imageAlt: "media platform digital interface blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062961.jpg",
|
||||
imageAlt: "media platform digital interface blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062961.jpg", imageAlt: "media platform digital interface blue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-47028.jpg",
|
||||
imageAlt: "media platform digital interface blue",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-stylus-pen-laptop-desktop-close-up_169016-47028.jpg", imageAlt: "media platform digital interface blue"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Subscribe Now", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg",
|
||||
alt: "Middle age man with grey hair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg", alt: "Middle age man with grey hair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-man_176474-85969.jpg",
|
||||
alt: "Portrait of a young cheerful man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-man_176474-85969.jpg", alt: "Portrait of a young cheerful man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85919.jpg",
|
||||
alt: "Portrait of a young confident man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85919.jpg", alt: "Portrait of a young confident man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-with-crossed-arms_23-2149421498.jpg",
|
||||
alt: "Medium shot senior woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-with-crossed-arms_23-2149421498.jpg", alt: "Medium shot senior woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-businesswoman-isolated-classy-outfit_1303-19300.jpg",
|
||||
alt: "Mature businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mature-businesswoman-isolated-classy-outfit_1303-19300.jpg", alt: "Mature businesswoman"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/information-screen-shopping-mall_53876-105383.jpg",
|
||||
alt: "Information screen at a shopping mall",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/information-screen-shopping-mall_53876-105383.jpg", alt: "Information screen at a shopping mall"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/digital-wardrobe-transparent-screen_53876-105380.jpg",
|
||||
alt: "Digital wardrobe on a transparent screen",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/digital-wardrobe-transparent-screen_53876-105380.jpg", alt: "Digital wardrobe on a transparent screen"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/bright-shining-screen-exhibition_53876-105386.jpg",
|
||||
alt: "Bright shining screen in an exhibition",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/bright-shining-screen-exhibition_53876-105386.jpg", alt: "Bright shining screen in an exhibition"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/city-night-with-architecture-vibrant-lights_23-2149836933.jpg",
|
||||
alt: "City at night with architecture",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/city-night-with-architecture-vibrant-lights_23-2149836933.jpg", alt: "City at night with architecture"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/girl-buying-tickers-neon-light_23-2147768007.jpg",
|
||||
alt: "Girl buying tickets in neon light",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/girl-buying-tickers-neon-light_23-2147768007.jpg", alt: "Girl buying tickets in neon light"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "4K Ultra HD",
|
||||
title: "Cinematic Experience",
|
||||
subtitle: "Ultra clarity",
|
||||
description: "Crisp visuals for your home theater.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clapperboard-white-backdrop_23-2147807440.jpg",
|
||||
},
|
||||
tag: "4K Ultra HD", title: "Cinematic Experience", subtitle: "Ultra clarity", description: "Crisp visuals for your home theater.", imageSrc: "http://img.b2bpic.net/free-photo/clapperboard-white-backdrop_23-2147807440.jpg"},
|
||||
{
|
||||
tag: "No Ads",
|
||||
title: "Uninterrupted",
|
||||
subtitle: "Seamless streaming",
|
||||
description: "No more interruptions while you binge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/seo-sem-icon-design_23-2151976978.jpg",
|
||||
},
|
||||
tag: "No Ads", title: "Uninterrupted", subtitle: "Seamless streaming", description: "No more interruptions while you binge.", imageSrc: "http://img.b2bpic.net/free-psd/seo-sem-icon-design_23-2151976978.jpg"},
|
||||
{
|
||||
tag: "Exclusive",
|
||||
title: "Channel Originals",
|
||||
subtitle: "Unique content",
|
||||
description: "Watch what nobody else can show you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3947.jpg",
|
||||
},
|
||||
tag: "Exclusive", title: "Channel Originals", subtitle: "Unique content", description: "Watch what nobody else can show you.", imageSrc: "http://img.b2bpic.net/free-vector/book-recommendation-icon_632498-3947.jpg"},
|
||||
]}
|
||||
title="Why Choose Our Channel"
|
||||
description="Enjoy the best features in high fidelity."
|
||||
@@ -204,36 +131,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$9.99",
|
||||
subtitle: "For individuals",
|
||||
features: [
|
||||
"Full HD Access",
|
||||
"Unlimited streaming",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$9.99", subtitle: "For individuals", features: [
|
||||
"Full HD Access", "Unlimited streaming"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Basic",
|
||||
href: "#",
|
||||
},
|
||||
text: "Choose Basic", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Recommended",
|
||||
price: "$19.99",
|
||||
subtitle: "For families",
|
||||
features: [
|
||||
"4K Ultra HD",
|
||||
"Unlimited streaming",
|
||||
"Multiple devices",
|
||||
],
|
||||
id: "premium", badge: "Recommended", price: "$19.99", subtitle: "For families", features: [
|
||||
"4K Ultra HD", "Unlimited streaming", "Multiple devices"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Premium",
|
||||
href: "#",
|
||||
},
|
||||
text: "Choose Premium", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -249,13 +159,9 @@ export default function LandingPage() {
|
||||
description="Dedicated to bringing top-tier entertainment to your screens every single day."
|
||||
metrics={[
|
||||
{
|
||||
value: "10M+",
|
||||
title: "Viewers",
|
||||
},
|
||||
value: "10M+", title: "Viewers"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Original Series",
|
||||
},
|
||||
value: "500+", title: "Original Series"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/entertainer-using-light-bulb-entertain-fans-pretending-be-electrocuted_482257-124250.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -268,15 +174,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Netflix",
|
||||
"Hulu",
|
||||
"Disney",
|
||||
"Apple TV+",
|
||||
"Warner Bros",
|
||||
"Discovery",
|
||||
"Sony Pictures",
|
||||
]}
|
||||
"Netflix", "Hulu", "Disney", "Apple TV+", "Warner Bros", "Discovery", "Sony Pictures"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="The preferred choice for top streaming services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -287,45 +187,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "The best channel I have ever subscribed to.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85949.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", handle: "@jdoe", testimonial: "The best channel I have ever subscribed to.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-man_176474-85949.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Unmatched visual quality and story telling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman-blue-knitted-sweater-natural-day-makeup-smiling-cheerfully-confident-romantic-smile_343596-7757.jpg",
|
||||
},
|
||||
id: "2", name: "Jane Smith", handle: "@jsmith", testimonial: "Unmatched visual quality and story telling.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman-blue-knitted-sweater-natural-day-makeup-smiling-cheerfully-confident-romantic-smile_343596-7757.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Brown",
|
||||
handle: "@mbrown",
|
||||
testimonial: "Everything I need in one premium service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-posing-studio-front-view_23-2149596295.jpg",
|
||||
},
|
||||
id: "3", name: "Mike Brown", handle: "@mbrown", testimonial: "Everything I need in one premium service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-posing-studio-front-view_23-2149596295.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Green",
|
||||
handle: "@agreen",
|
||||
testimonial: "So worth the money, pure enjoyment.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-camera_23-2148602762.jpg",
|
||||
},
|
||||
id: "4", name: "Alice Green", handle: "@agreen", testimonial: "So worth the money, pure enjoyment.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-with-camera_23-2148602762.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bob White",
|
||||
handle: "@bwhite",
|
||||
testimonial: "Incredible content variety every single day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg",
|
||||
},
|
||||
id: "5", name: "Bob White", handle: "@bwhite", testimonial: "Incredible content variety every single day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Fans Say"
|
||||
@@ -339,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Can I cancel at any time?",
|
||||
content: "Yes, cancel your subscription whenever you want.",
|
||||
},
|
||||
id: "f1", title: "Can I cancel at any time?", content: "Yes, cancel your subscription whenever you want."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer a free trial?",
|
||||
content: "Yes, we offer a 7-day free trial.",
|
||||
},
|
||||
id: "f2", title: "Do you offer a free trial?", content: "Yes, we offer a 7-day free trial."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What devices are supported?",
|
||||
content: "We support all smart TVs and mobile devices.",
|
||||
},
|
||||
id: "f3", title: "What devices are supported?", content: "We support all smart TVs and mobile devices."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-arrangement-with-keyboard-notebooks_23-2148847749.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -365,14 +231,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Have more questions? Contact our support team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -383,25 +246,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user