Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="http://img.b2bpic.net/free-photo/cubic-transparent-prism-lights_23-2148771770.jpg"
|
logoSrc="http://img.b2bpic.net/free-photo/cubic-transparent-prism-lights_23-2148771770.jpg"
|
||||||
logoAlt="Poly Logo"
|
logoAlt="Poly Logo"
|
||||||
@@ -60,19 +50,14 @@ export default function LandingPage() {
|
|||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
logoText="Poly"
|
logoText="Poly"
|
||||||
description="Experience file browsing reimagined. A cinematic interface where creativity flows."
|
description="Experience file browsing reimagined. A cinematic interface where creativity flows."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Discover Features",
|
text: "Discover Features", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-120252.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-120252.jpg"
|
||||||
@@ -99,32 +84,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Dynamic Asset Stacking",
|
title: "Dynamic Asset Stacking", description: "Watch your creative assets dynamically fly, rearrange, and stack seamlessly. Poly's cinematic UI makes organization a visual delight, adapting to your workflow with fluid animations and intelligent grouping.", imageSrc: "http://img.b2bpic.net/free-photo/analyst-looking-presentation-charts-dashboard-implement-analytics_482257-119372.jpg", imageAlt: "Dynamic stacking of creative assets in Poly", titleImageSrc: "http://img.b2bpic.net/free-photo/surreal-geometric-shapes-barren-desert_23-2151296326.jpg", buttonText: "See it in action", buttonHref: "#"},
|
||||||
description: "Watch your creative assets dynamically fly, rearrange, and stack seamlessly. Poly's cinematic UI makes organization a visual delight, adapting to your workflow with fluid animations and intelligent grouping.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/analyst-looking-presentation-charts-dashboard-implement-analytics_482257-119372.jpg",
|
|
||||||
imageAlt: "Dynamic stacking of creative assets in Poly",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/surreal-geometric-shapes-barren-desert_23-2151296326.jpg",
|
|
||||||
buttonText: "See it in action",
|
|
||||||
buttonHref: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Intuitive Visual Browser",
|
title: "Intuitive Visual Browser", description: "Navigate through high-quality fashion photos, magazine covers, polaroids, film strips, and audio wave previews with a truly visual and intuitive browser. Effortlessly find, preview, and organize every type of media.", imageSrc: "http://img.b2bpic.net/free-photo/travel-again-concept-assortment_23-2149064613.jpg", imageAlt: "Visual file browsing interface", titleImageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", buttonText: "Explore Visuals", buttonHref: "#"},
|
||||||
description: "Navigate through high-quality fashion photos, magazine covers, polaroids, film strips, and audio wave previews with a truly visual and intuitive browser. Effortlessly find, preview, and organize every type of media.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-again-concept-assortment_23-2149064613.jpg",
|
|
||||||
imageAlt: "Visual file browsing interface",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
|
|
||||||
buttonText: "Explore Visuals",
|
|
||||||
buttonHref: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Seamless Cross-Device Sync",
|
title: "Seamless Cross-Device Sync", description: "Access your organized digital desk canvas from anywhere. Poly ensures your files are always up-to-date and instantly available across all your devices, maintaining the same ultra-premium experience whether you're on desktop or mobile.", imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037181.jpg", imageAlt: "Cross-device synchronization for Poly", titleImageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137454.jpg", buttonText: "Sync Your Workflow", buttonHref: "#"},
|
||||||
description: "Access your organized digital desk canvas from anywhere. Poly ensures your files are always up-to-date and instantly available across all your devices, maintaining the same ultra-premium experience whether you're on desktop or mobile.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-shapes-glowing-with-bright-holographic-colors_23-2151037181.jpg",
|
|
||||||
imageAlt: "Cross-device synchronization for Poly",
|
|
||||||
titleImageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137454.jpg",
|
|
||||||
buttonText: "Sync Your Workflow",
|
|
||||||
buttonHref: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Unleash Your Digital Potential"
|
title="Unleash Your Digital Potential"
|
||||||
description="Poly is packed with innovative features designed to elevate your workflow and spark creativity, transforming how you interact with your digital world."
|
description="Poly is packed with innovative features designed to elevate your workflow and spark creativity, transforming how you interact with your digital world."
|
||||||
@@ -140,21 +104,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "10M+", description: "Files Organized"},
|
||||||
value: "10M+",
|
|
||||||
description: "Files Organized",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "500K+", description: "Active Users"},
|
||||||
value: "500K+",
|
|
||||||
description: "Active Users",
|
|
||||||
},
|
|
||||||
"3",
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", value: "98%", description: "User Satisfaction"},
|
||||||
value: "98%",
|
|
||||||
description: "User Satisfaction",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Transforming Workflows, Globally."
|
title="Transforming Workflows, Globally."
|
||||||
description="See how Poly is empowering creators and professionals worldwide, driving efficiency and inspiring creativity."
|
description="See how Poly is empowering creators and professionals worldwide, driving efficiency and inspiring creativity."
|
||||||
@@ -170,64 +124,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah Johnson", role: "CEO", company: "DesignFlow Studio", rating: 5,
|
||||||
name: "Sarah Johnson",
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", imageAlt: "Portrait of Sarah Johnson"},
|
||||||
role: "CEO",
|
|
||||||
company: "DesignFlow Studio",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
|
|
||||||
imageAlt: "Portrait of Sarah Johnson",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Michael Chen", role: "CTO", company: "Innovate Lab", rating: 5,
|
||||||
name: "Michael Chen",
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-with-notepad_1301-1749.jpg", imageAlt: "Portrait of Michael Chen"},
|
||||||
role: "CTO",
|
|
||||||
company: "Innovate Lab",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-with-notepad_1301-1749.jpg",
|
|
||||||
imageAlt: "Portrait of Michael Chen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo Creative", rating: 5,
|
||||||
name: "Emily Rodriguez",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", imageAlt: "Portrait of Emily Rodriguez"},
|
||||||
role: "Marketing Director",
|
|
||||||
company: "GrowthCo Creative",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
|
|
||||||
imageAlt: "Portrait of Emily Rodriguez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David Kim", role: "Product Manager", company: "Startup XYZ", rating: 5,
|
||||||
name: "David Kim",
|
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3935.jpg", imageAlt: "Portrait of David Kim"},
|
||||||
role: "Product Manager",
|
|
||||||
company: "Startup XYZ",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3935.jpg",
|
|
||||||
imageAlt: "Portrait of David Kim",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Jessica Lee", role: "UX Designer", company: "ArtTech Solutions", rating: 5,
|
||||||
name: "Jessica Lee",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170778.jpg", imageAlt: "Portrait of Jessica Lee"},
|
||||||
role: "UX Designer",
|
|
||||||
company: "ArtTech Solutions",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-late-night_23-2150170778.jpg",
|
|
||||||
imageAlt: "Portrait of Jessica Lee",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "5 Stars",
|
value: "5 Stars", label: "Average Rating"},
|
||||||
label: "Average Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "99%",
|
value: "99%", label: "Satisfaction Rate"},
|
||||||
label: "Satisfaction Rate",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "20K+",
|
value: "20K+", label: "Happy Users"},
|
||||||
label: "Happy Users",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="The Future of File Browsing is Here."
|
title="The Future of File Browsing is Here."
|
||||||
description="Hear from creatives and professionals who have transformed their digital experience with Poly, praising its intuitive design and powerful features."
|
description="Hear from creatives and professionals who have transformed their digital experience with Poly, praising its intuitive design and powerful features."
|
||||||
@@ -241,14 +159,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Google",
|
"Google", "Microsoft", "Adobe", "Apple", "Spotify", "Slack", "Notion"]}
|
||||||
"Microsoft",
|
|
||||||
"Adobe",
|
|
||||||
"Apple",
|
|
||||||
"Spotify",
|
|
||||||
"Slack",
|
|
||||||
"Notion",
|
|
||||||
]}
|
|
||||||
title="Trusted by Leading Innovators"
|
title="Trusted by Leading Innovators"
|
||||||
description="Our partners recognize Poly's potential to revolutionize creative workflows and digital asset management."
|
description="Our partners recognize Poly's potential to revolutionize creative workflows and digital asset management."
|
||||||
/>
|
/>
|
||||||
@@ -258,21 +169,16 @@ export default function LandingPage() {
|
|||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Get Started"
|
tag="Get Started"
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
title="Ready to Reimagine Your Files?"
|
title="Ready to Reimagine Your Files?"
|
||||||
description="Join the Poly revolution and transform the way you interact with your digital assets. Sign up for early access or reach out for a personalized demo."
|
description="Join the Poly revolution and transform the way you interact with your digital assets. Sign up for early access or reach out for a personalized demo."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Request a Demo",
|
text: "Request a Demo", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Join Our Community",
|
text: "Join Our Community", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -282,54 +188,33 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Product",
|
title: "Product", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Features",
|
label: "Features", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Integrations",
|
label: "Integrations", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Careers",
|
label: "Careers", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Blog",
|
label: "Blog", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Cookie Policy",
|
label: "Cookie Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user