bender/fd42a5ac-72ee-4da0-a252-dff42e5ad8a5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-16 22:17:23 +00:00
parent 018ac8d771
commit 86e88d6dfa
1 changed files with 50 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Github, Linkedin, Sparkles, Twitter } from "lucide-react";
import { Github, Linkedin, Sparkles, Twitter, Zap, Shield, Database, TrendingUp, Download } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Showcase",
id: "#showcase",
},
name: "Showcase", id: "#showcase"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Portify"
/>
@@ -56,47 +48,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Build Your Portfolio in Seconds"
description="Portify empowers creatives to build stunning, responsive portfolios without writing a single line of code. Start today and showcase your work to the world."
tag="Trusted by 10,000+ Creators"
tagAnimation="slide-up"
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
{
text: "View Templates",
href: "#products",
},
text: "View Templates", href: "#products"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
imageAlt: "modern website builder UI",
},
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", imageAlt: "modern website builder UI"},
{
imageSrc: "http://img.b2bpic.net/free-photo/html-http-web-design-hompage-icon_53876-120700.jpg",
imageAlt: "design portfolio showcase",
},
imageSrc: "http://img.b2bpic.net/free-photo/html-http-web-design-hompage-icon_53876-120700.jpg", imageAlt: "design portfolio showcase"},
{
imageSrc: "http://img.b2bpic.net/free-photo/employee-coming-ai-startup-office-cto-manager-desk-request-help_482257-125536.jpg",
imageAlt: "photographer portfolio template",
},
imageSrc: "http://img.b2bpic.net/free-photo/employee-coming-ai-startup-office-cto-manager-desk-request-help_482257-125536.jpg", imageAlt: "photographer portfolio template"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
imageAlt: "architecture portfolio website",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg", imageAlt: "architecture portfolio website"},
{
imageSrc: "http://img.b2bpic.net/free-photo/potted-plant-near-tablet-stationery_23-2147768855.jpg",
imageAlt: "tech dashboard dark theme",
},
imageSrc: "http://img.b2bpic.net/free-photo/potted-plant-near-tablet-stationery_23-2147768855.jpg", imageAlt: "tech dashboard dark theme"},
{
imageSrc: "http://img.b2bpic.net/free-photo/engineer-architect-using-green-screen-blueprint_482257-10566.jpg",
imageAlt: "artist portfolio gallery",
},
imageSrc: "http://img.b2bpic.net/free-photo/engineer-architect-using-green-screen-blueprint_482257-10566.jpg", imageAlt: "artist portfolio gallery"},
]}
tagIcon={Sparkles}
/>
@@ -110,17 +85,11 @@ export default function LandingPage() {
description="Portify is built from the ground up to support designers, photographers, and developers who need a professional online presence. Our intuitive interface allows for limitless customization."
bulletPoints={[
{
title: "Drag-and-Drop",
description: "Easily arrange your elements with our advanced editor.",
},
title: "Drag-and-Drop", description: "Easily arrange your elements with our advanced editor."},
{
title: "Responsive First",
description: "Beautiful portfolios on every single device.",
},
title: "Responsive First", description: "Beautiful portfolios on every single device."},
{
title: "SEO Optimized",
description: "Get discovered by the right audience instantly.",
},
title: "SEO Optimized", description: "Get discovered by the right audience instantly."},
]}
imageSrc="http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg"
mediaAnimation="slide-up"
@@ -133,34 +102,19 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Custom Domains",
description: "Connect your unique web identity.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-enter-key-confirmation-data-computer-keyboard_181624-22962.jpg",
buttonIcon: "Zap",
title: "Custom Domains", description: "Connect your unique web identity.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-enter-key-confirmation-data-computer-keyboard_181624-22962.jpg", buttonIcon: Zap,
},
{
title: "Client Proofing",
description: "Share works privately with clients.",
imageSrc: "http://img.b2bpic.net/free-photo/job-search-concept-find-your-career-online-website_169016-39355.jpg",
buttonIcon: "Shield",
title: "Client Proofing", description: "Share works privately with clients.", imageSrc: "http://img.b2bpic.net/free-photo/job-search-concept-find-your-career-online-website_169016-39355.jpg", buttonIcon: Shield,
},
{
title: "Secure Hosting",
description: "Keep your content always online.",
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
buttonIcon: "Database",
title: "Secure Hosting", description: "Keep your content always online.", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", buttonIcon: Database,
},
{
title: "Detailed Analytics",
description: "Track how visitors view your work.",
imageSrc: "http://img.b2bpic.net/free-photo/2020-economy-chart-with-notebook_23-2148541994.jpg",
buttonIcon: "TrendingUp",
title: "Detailed Analytics", description: "Track how visitors view your work.", imageSrc: "http://img.b2bpic.net/free-photo/2020-economy-chart-with-notebook_23-2148541994.jpg", buttonIcon: TrendingUp,
},
{
title: "Quick Exports",
description: "Export your site code easily.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-heartshaped-lollipops_169016-19432.jpg",
buttonIcon: "Download",
title: "Quick Exports", description: "Export your site code easily.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-process-making-heartshaped-lollipops_169016-19432.jpg", buttonIcon: Download,
},
]}
title="Powerful Built-in Tools"
@@ -176,41 +130,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Designer Studio",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-blankets-with-striped-pencil-beige-blanket-with-branch-shadow_23-2148296266.jpg",
},
id: "p1", name: "Designer Studio", price: "$0", imageSrc: "http://img.b2bpic.net/free-photo/black-white-blankets-with-striped-pencil-beige-blanket-with-branch-shadow_23-2148296266.jpg"},
{
id: "p2",
name: "Agency Core",
price: "$19",
imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198463.jpg",
},
id: "p2", name: "Agency Core", price: "$19", imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198463.jpg"},
{
id: "p3",
name: "Photo Elite",
price: "$29",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg",
},
id: "p3", name: "Photo Elite", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913281.jpg"},
{
id: "p4",
name: "Artist Grid",
price: "$15",
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-mail-with-white-envelopes-gray-background-top-view-horizontal-image_176474-7870.jpg",
},
id: "p4", name: "Artist Grid", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-mail-with-white-envelopes-gray-background-top-view-horizontal-image_176474-7870.jpg"},
{
id: "p5",
name: "Modern Minimalist",
price: "$0",
imageSrc: "http://img.b2bpic.net/free-psd/sales-landing-page-template-design_23-2149121247.jpg",
},
id: "p5", name: "Modern Minimalist", price: "$0", imageSrc: "http://img.b2bpic.net/free-psd/sales-landing-page-template-design_23-2149121247.jpg"},
{
id: "p6",
name: "Blogger Classic",
price: "$10",
imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-note-brick-wall_53876-31266.jpg",
},
id: "p6", name: "Blogger Classic", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-note-brick-wall_53876-31266.jpg"},
]}
title="Professional Templates"
description="Start with a template tailored to your specific creative niche."
@@ -225,30 +155,15 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
description: "Active portfolios",
},
id: "m1", value: "10k+", description: "Active portfolios"},
{
id: "m2",
value: "500k+",
description: "Images uploaded",
},
id: "m2", value: "500k+", description: "Images uploaded"},
{
id: "m3",
value: "99.9%",
description: "Uptime guarantee",
},
id: "m3", value: "99.9%", description: "Uptime guarantee"},
{
id: "m4",
value: "120+",
description: "Countries served",
},
id: "m4", value: "120+", description: "Countries served"},
{
id: "m5",
value: "4.9/5",
description: "User satisfaction",
},
id: "m5", value: "4.9/5", description: "User satisfaction"},
]}
title="Scale Your Success"
description="Our platform supports thousands of creative portfolios globally."
@@ -263,45 +178,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alex R.",
role: "Designer",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
},
id: "t1", name: "Alex R.", role: "Designer", company: "Studio X", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg"},
{
id: "t2",
name: "Sarah J.",
role: "Developer",
company: "Tech Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405998.jpg",
},
id: "t2", name: "Sarah J.", role: "Developer", company: "Tech Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405998.jpg"},
{
id: "t3",
name: "Mark D.",
role: "Photographer",
company: "Freelance",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg",
},
id: "t3", name: "Mark D.", role: "Photographer", company: "Freelance", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg"},
{
id: "t4",
name: "Elena P.",
role: "Marketer",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
},
id: "t4", name: "Elena P.", role: "Marketer", company: "GrowthCo", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg"},
{
id: "t5",
name: "Julian W.",
role: "Director",
company: "Cinema",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-emotions_1303-14600.jpg",
},
id: "t5", name: "Julian W.", role: "Director", company: "Cinema", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-emotions_1303-14600.jpg"},
]}
title="Trusted by Creatives"
description="See why top professionals choose us."
@@ -313,14 +203,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TechCrunch",
"Forbes",
"Adobe Design",
"Creative Review",
"Design Week",
"Fast Company",
"Wired",
]}
"TechCrunch", "Forbes", "Adobe Design", "Creative Review", "Design Week", "Fast Company", "Wired"]}
title="Seen In Leading Media"
description="Featured in global publications."
/>
@@ -330,20 +213,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Ready to launch?"
title="Join Portify Today"
description="Start building your digital presence with zero coding required."
buttons={[
{
text: "Get Started",
href: "#",
},
text: "Get Started", href: "#"},
{
text: "Contact Sales",
href: "#",
},
text: "Contact Sales", href: "#"},
]}
/>
</div>
@@ -355,19 +233,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com",
ariaLabel: "Twitter",
},
href: "https://twitter.com", ariaLabel: "Twitter"},
{
icon: Github,
href: "https://github.com",
ariaLabel: "Github",
},
href: "https://github.com", ariaLabel: "Github"},
{
icon: Linkedin,
href: "https://linkedin.com",
ariaLabel: "Linkedin",
},
href: "https://linkedin.com", ariaLabel: "Linkedin"},
]}
/>
</div>