Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
/>
|
||||
@@ -54,32 +46,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Build Your Future with Top Freelance Talent"
|
||||
description="Connecting businesses with world-class developers, designers, and creatives. Secure, fast, and transparent."
|
||||
tag="Trusted by 10,000+ businesses"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
|
||||
imageAlt: "Freelance Dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg", imageAlt: "Freelance Dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg",
|
||||
imageAlt: "Team Collaboration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
|
||||
imageAlt: "Luxurious boardroom space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg",
|
||||
imageAlt: "Network graphic overlay",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-desktop-pc-monitor-displaying-business-analytics_482257-130255.jpg",
|
||||
imageAlt: "Modern home office dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-architect-colleagues-discussing-layout-project_482257-8116.jpg", imageAlt: "Team Collaboration"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -103,41 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Web Development",
|
||||
price: "From $500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg",
|
||||
},
|
||||
id: "s1", name: "Web Development", price: "From $500", imageSrc: "http://img.b2bpic.net/free-photo/financial-application-ui-pc-screen-showing-company-revenue_482257-119232.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Graphic Design",
|
||||
price: "From $200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369873.jpg",
|
||||
},
|
||||
id: "s2", name: "Graphic Design", price: "From $200", imageSrc: "http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369873.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Content Writing",
|
||||
price: "From $150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg",
|
||||
},
|
||||
id: "s3", name: "Content Writing", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Video Editing",
|
||||
price: "From $300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg",
|
||||
},
|
||||
id: "s4", name: "Video Editing", price: "From $300", imageSrc: "http://img.b2bpic.net/free-photo/science-fiction-game-desktop-pc-monitor_482257-124535.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Online Coaching",
|
||||
price: "From $100/hr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
|
||||
},
|
||||
id: "s5", name: "Online Coaching", price: "From $100/hr", imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Digital Marketing",
|
||||
price: "From $400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884872.jpg",
|
||||
},
|
||||
id: "s6", name: "Digital Marketing", price: "From $400", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884872.jpg"},
|
||||
]}
|
||||
title="Explore Top Service Categories"
|
||||
description="Browse our curated list of professional services to kickstart your next project."
|
||||
@@ -149,14 +100,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"Amazon",
|
||||
"Tesla",
|
||||
"Adobe",
|
||||
"Stripe",
|
||||
"PayPal",
|
||||
]}
|
||||
"Google", "Microsoft", "Amazon", "Tesla", "Adobe", "Stripe", "PayPal"]}
|
||||
title="Trusted by industry leaders worldwide"
|
||||
description="Our platform is the preferred choice for forward-thinking global enterprises."
|
||||
/>
|
||||
@@ -169,56 +113,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "$29/mo",
|
||||
subtitle: "Perfect for small tasks.",
|
||||
features: [
|
||||
"Limited bids",
|
||||
"Email support",
|
||||
"Standard security",
|
||||
],
|
||||
id: "basic", badge: "Starter", price: "$29/mo", subtitle: "Perfect for small tasks.", features: [
|
||||
"Limited bids", "Email support", "Standard security"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$99/mo",
|
||||
subtitle: "Ideal for growing teams.",
|
||||
features: [
|
||||
"Unlimited bids",
|
||||
"Priority support",
|
||||
"Secure payments",
|
||||
"Advanced analytics",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$99/mo", subtitle: "Ideal for growing teams.", features: [
|
||||
"Unlimited bids", "Priority support", "Secure payments", "Advanced analytics"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Elite",
|
||||
price: "Custom",
|
||||
subtitle: "For large organizations.",
|
||||
features: [
|
||||
"Unlimited access",
|
||||
"Dedicated manager",
|
||||
"Custom contracts",
|
||||
"24/7 security",
|
||||
],
|
||||
id: "enterprise", badge: "Elite", price: "Custom", subtitle: "For large organizations.", features: [
|
||||
"Unlimited access", "Dedicated manager", "Custom contracts", "24/7 security"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -234,59 +149,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "CEO", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Designer",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", role: "Designer", company: "Creative", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alice Wong",
|
||||
role: "CTO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg",
|
||||
},
|
||||
id: "3", name: "Alice Wong", role: "CTO", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Bob Smith",
|
||||
role: "Founder",
|
||||
company: "Start",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg",
|
||||
},
|
||||
id: "4", name: "Bob Smith", role: "Founder", company: "Start", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195338.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Charlie Day",
|
||||
role: "Expert",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg",
|
||||
},
|
||||
id: "5", name: "Charlie Day", role: "Expert", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-holding-digital-tablet_329181-12076.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
value: "99.9%", label: "Satisfaction Rate"},
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
value: "5M+", label: "Projects Completed"},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Countries",
|
||||
},
|
||||
value: "120+", label: "Countries"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Trusted by global professionals to deliver excellence."
|
||||
@@ -297,8 +181,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Join thousands of businesses thriving with FreelanceFlow."
|
||||
@@ -310,42 +193,27 @@ export default function LandingPage() {
|
||||
logoText="FreelanceFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user