Merge version_1 into main #1
193
src/app/page.tsx
193
src/app/page.tsx
@@ -33,93 +33,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "events",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MediaArchive"
|
||||
button={{
|
||||
text: "Deploy",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Deploy", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Build and deploy on the AI Cloud."
|
||||
description="Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Deploying",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Deploying", href: "#"},
|
||||
{
|
||||
text: "Get a Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Demo", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blue-light-with-bokeh-effect_1208-207.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13310.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13310.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-handsome-modern-man-wearing-glasses-denim-jacket-yellow-background-with-happy-face-standing-smiling-with-confident-smile-showing-teeth_839833-30354.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 5,000+ developers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Performance",
|
||||
},
|
||||
type: "text", text: "High Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Infrastructure",
|
||||
},
|
||||
type: "text", text: "Secure Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Storage",
|
||||
},
|
||||
type: "text", text: "Scalable Storage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Deployment",
|
||||
},
|
||||
type: "text", text: "Automated Deployment"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Sync",
|
||||
},
|
||||
type: "text", text: "Real-time Sync"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,9 +94,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your product, delivered."
|
||||
description={[
|
||||
"Security, speed, and AI included, so you can focus on your user.",
|
||||
"Build and deploy on the AI Cloud. Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web.",
|
||||
]}
|
||||
"Security, speed, and AI included, so you can focus on your user.", "Build and deploy on the AI Cloud. Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -142,20 +105,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Automated Pipeline",
|
||||
description: "Original image stored, thumbnail generated, and optimized for fast display.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-120135.jpg",
|
||||
},
|
||||
title: "Automated Pipeline", description: "Original image stored, thumbnail generated, and optimized for fast display.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-icon-concept_53876-120135.jpg"},
|
||||
{
|
||||
title: "Smart Search System",
|
||||
description: "Search by event, year, photographer, or camera model using our advanced metadata engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-transfer-files-concept_23-2148298716.jpg",
|
||||
},
|
||||
title: "Smart Search System", description: "Search by event, year, photographer, or camera model using our advanced metadata engine.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-transfer-files-concept_23-2148298716.jpg"},
|
||||
{
|
||||
title: "QR Event Access",
|
||||
description: "Instant event access for users via QR code and shareable public links.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-data-network_53876-120080.jpg",
|
||||
},
|
||||
title: "QR Event Access", description: "Instant event access for users via QR code and shareable public links.", imageSrc: "http://img.b2bpic.net/free-photo/cloud-computing-storage-data-network_53876-120080.jpg"},
|
||||
]}
|
||||
title="Features that make a difference."
|
||||
description="Deliver more value to users by executing complex workflows."
|
||||
@@ -170,25 +124,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "6x",
|
||||
title: "Faster Shipping",
|
||||
description: "Teams report significant gains in deployment speed.",
|
||||
icon: Zap,
|
||||
id: "m1", value: "6x", title: "Faster Shipping", description: "Teams report significant gains in deployment speed.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Load Reduction",
|
||||
description: "Reduction in page load times.",
|
||||
icon: Rocket,
|
||||
id: "m2", value: "95%", title: "Load Reduction", description: "Reduction in page load times.", icon: Rocket,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24x",
|
||||
title: "Build Velocity",
|
||||
description: "Faster build times on our AI cloud.",
|
||||
icon: TrendingUp,
|
||||
id: "m3", value: "24x", title: "Build Velocity", description: "Faster build times on our AI cloud.", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
@@ -201,14 +143,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vercel",
|
||||
"Next.js",
|
||||
"Turbo",
|
||||
"Nuxt",
|
||||
"Svelte",
|
||||
"Astro",
|
||||
"OpenAI",
|
||||
]}
|
||||
"Vercel", "Next.js", "Turbo", "Nuxt", "Svelte", "Astro", "OpenAI"]}
|
||||
title="Used by industry leaders."
|
||||
description="Top-tier companies and teams trust our platform for their media management."
|
||||
/>
|
||||
@@ -218,48 +153,24 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Dev Lead",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Dev Lead", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-redhead-woman-wearing-grey-checkered-shirt-laughing-out-loud-while-having-fun-indoors_273609-9041.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike C.",
|
||||
role: "CTO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
|
||||
},
|
||||
id: "2", name: "Mike C.", role: "CTO", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Product",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-happy-be-back-university_23-2148586557.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Product", company: "StartupX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-student-happy-be-back-university_23-2148586557.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Engineer",
|
||||
company: "TechLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-her-schedule_1098-586.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Engineer", company: "TechLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-her-schedule_1098-586.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna S.",
|
||||
role: "Designer",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg",
|
||||
},
|
||||
id: "5", name: "Anna S.", role: "Designer", company: "Creative", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-queer-girl-glasses-denim-jacket-standing-near-rainbow-wall-cross-hands-chest-smiling-camera-happy-lifestyle-urban-life-generation-concept_197531-30548.jpg"},
|
||||
]}
|
||||
title="Trusted by developers worldwide."
|
||||
description="Hear what our community says about our platform."
|
||||
@@ -272,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start?",
|
||||
content: "Deploy automatically from git or with our CLI in seconds.",
|
||||
},
|
||||
id: "f1", title: "How do I start?", content: "Deploy automatically from git or with our CLI in seconds."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is storage scalable?",
|
||||
content: "Yes, our highly optimized infrastructure handles millions of files.",
|
||||
},
|
||||
id: "f2", title: "Is storage scalable?", content: "Yes, our highly optimized infrastructure handles millions of files."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I need backend experience?",
|
||||
content: "We offer a wide range of support for frameworks and infrastructure.",
|
||||
},
|
||||
id: "f3", title: "Do I need backend experience?", content: "We offer a wide range of support for frameworks and infrastructure."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -299,16 +201,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Start your journey with our professional infrastructure solutions today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Talk to an Expert",
|
||||
href: "#",
|
||||
},
|
||||
text: "Talk to an Expert", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -317,13 +216,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="MediaArchive"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user