Update src/app/page.tsx
This commit is contained in:
193
src/app/page.tsx
193
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Explore",
|
||||
id: "products",
|
||||
},
|
||||
name: "Explore", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Support", id: "contact"},
|
||||
]}
|
||||
brandName="PhotoStock"
|
||||
/>
|
||||
@@ -52,31 +44,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background="gradient-bars"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevate Your Projects with Stunning Imagery"
|
||||
description="Discover a curated library of high-fidelity photos for your next creative masterpiece. Unlimited access to professional stock photography."
|
||||
tag="Professional Stock Library"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-art-tools-camera-close-up_23-2148372115.jpg",
|
||||
imageAlt: "Workspace hero image",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-art-tools-camera-close-up_23-2148372115.jpg", imageAlt: "Workspace hero image"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-flower-with-raindrops-it_91008-564.jpg",
|
||||
imageAlt: "Macro nature hero image",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-mountains-mist_181624-15160.jpg?_wi=1",
|
||||
imageAlt: "Majestic mountain range",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162825.jpg?_wi=1",
|
||||
imageAlt: "Modern architecture shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443799.jpg?_wi=1",
|
||||
imageAlt: "Intricate macro detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-flower-with-raindrops-it_91008-564.jpg", imageAlt: "Macro nature hero image"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -93,41 +69,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nature Landscapes",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-mountains-mist_181624-15160.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Nature Landscapes", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-mountains-mist_181624-15160.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Studio Portraits",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",
|
||||
},
|
||||
id: "2", name: "Studio Portraits", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Modern Architecture",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162825.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Modern Architecture", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162825.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Urban Cityscapes",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nightview-waibaidu_1359-816.jpg",
|
||||
},
|
||||
id: "4", name: "Urban Cityscapes", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/nightview-waibaidu_1359-816.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gourmet Food",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-eggplant-rolls-cooked-dish-with-baked-potatoes-dark-floor-meal-dish-cooking-food-bake-potato-fry_140725-116076.jpg",
|
||||
},
|
||||
id: "5", name: "Gourmet Food", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-eggplant-rolls-cooked-dish-with-baked-potatoes-dark-floor-meal-dish-cooking-food-bake-potato-fry_140725-116076.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Macro Details",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443799.jpg?_wi=2",
|
||||
},
|
||||
id: "6", name: "Macro Details", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443799.jpg"},
|
||||
]}
|
||||
title="Explore Our Collections"
|
||||
description="Hand-picked categories tailored for every professional demand."
|
||||
@@ -141,39 +93,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for freelancers",
|
||||
features: [
|
||||
"100 Downloads",
|
||||
"Commercial License",
|
||||
"Email Support",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$29/mo", subtitle: "Perfect for freelancers", features: [
|
||||
"100 Downloads", "Commercial License", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$79/mo",
|
||||
subtitle: "For growing studios",
|
||||
features: [
|
||||
"Unlimited Downloads",
|
||||
"Premium License",
|
||||
"Priority Support",
|
||||
"Team Access",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$79/mo", subtitle: "For growing studios", features: [
|
||||
"Unlimited Downloads", "Premium License", "Priority Support", "Team Access"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "$199/mo",
|
||||
subtitle: "For major brands",
|
||||
features: [
|
||||
"Full API Access",
|
||||
"Dedicated Manager",
|
||||
"Custom Licensing",
|
||||
"Unlimited Seats",
|
||||
],
|
||||
id: "enterprise", badge: "Enterprise", price: "$199/mo", subtitle: "For major brands", features: [
|
||||
"Full API Access", "Dedicated Manager", "Custom Licensing", "Unlimited Seats"],
|
||||
},
|
||||
]}
|
||||
title="Simple Subscription Tiers"
|
||||
@@ -189,25 +118,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson, Art Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/software-technician-apartment-office-deeply-immersed-coding-close-up_482257-88613.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/software-technician-apartment-office-deeply-immersed-coding-close-up_482257-88613.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
alt: "David Park",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", alt: "David Park"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-close-up-hand-young-photographer-woman-holding-digital-camera-while-traveling-copy-space_1150-48686.jpg",
|
||||
alt: "Elena Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-close-up-hand-young-photographer-woman-holding-digital-camera-while-traveling-copy-space_1150-48686.jpg", alt: "Elena Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-artist-looking-camera-holding-paintbrush_23-2148188290.jpg",
|
||||
alt: "Marcus Thorne",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-artist-looking-camera-holding-paintbrush_23-2148188290.jpg", alt: "Marcus Thorne"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -220,27 +139,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the commercial license work?",
|
||||
content: "Our commercial license covers all standard marketing and digital use-cases.",
|
||||
},
|
||||
id: "f1", title: "How does the commercial license work?", content: "Our commercial license covers all standard marketing and digital use-cases."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Yes, our plans are month-to-month, and you can cancel your subscription anytime via your account settings.",
|
||||
},
|
||||
id: "f2", title: "Can I cancel anytime?", content: "Yes, our plans are month-to-month, and you can cancel your subscription anytime via your account settings."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are images royalty-free?",
|
||||
content: "Every asset in our catalog is royalty-free and ready for use upon purchase.",
|
||||
},
|
||||
id: "f3", title: "Are images royalty-free?", content: "Every asset in our catalog is royalty-free and ready for use upon purchase."},
|
||||
]}
|
||||
ctaTitle="Still Have Questions?"
|
||||
ctaDescription="Get in touch with our team or browse our extensive help center for instant answers."
|
||||
ctaButton={{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Support", href: "#"}}
|
||||
ctaIcon={MessageCircle}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,54 +157,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Guidelines",
|
||||
href: "#",
|
||||
},
|
||||
label: "Guidelines", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Billing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Billing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user