diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index dbb540d..7786ed7 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -7,97 +7,59 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
- {
- "name": "Explore",
- "href": "#showcase"
- },
- {
- "name": "Dashboard",
- "href": "#dashboard"
- },
- {
- "name": "Hero",
- "href": "#hero"
- },
- {
- "name": "Features",
- "href": "#features"
- },
- {
- "name": "Metrics",
- "href": "#metrics"
- },
- {
- "name": "Team",
- "href": "#team"
- },
- {
- "name": "Testimonial",
- "href": "#testimonial"
- }
-];
+ { name: "Explore", href: "#showcase" },
+ { name: "Dashboard", href: "#dashboard" },
+ { name: "Hero", href: "#hero" },
+ { name: "Features", href: "#features" },
+ { name: "Metrics", href: "#metrics" },
+ { name: "Team", href: "#team" },
+ { name: "Testimonial", href: "#testimonial" }
+ ];
return (
+ logo="Scorp"
+ ctaButton={{
+ text: "Post a Project", href: "#contact"
+ }}
+ navItems={navItems}
+ />
+ title: "Legal", items: [
+ { label: "Privacy Policy", href: "#" },
+ { label: "Terms of Service", href: "#" }
+ ]
+ }
+ ]}
+ copyright="© 2024 Scorp. All rights reserved."
+ links={[
+ { label: "Explore", href: "#showcase" },
+ { label: "Contact", href: "#contact" }
+ ]}
+ />
);
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index abd0e49..effdb83 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -11,262 +11,148 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
-
-
+
+
-
-
+ tag="Marketplace for Creative Visionaries"
+ title="Where Visionary Creators Meet Impactful Projects"
+ description="Scorp connects the world's most talented digital creators with clients who need professional results."
+ primaryButton={{
+ text: "Start Hiring", href: "#contact"}}
+ secondaryButton={{
+ text: "Browse Portfolio", href: "#showcase"}}
+ items={[
+ { imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-infographic_23-2148468845.jpg" },
+ { imageSrc: "http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-drawing-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30103.jpg" },
+ { imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-connecting-lines-dots_1048-11673.jpg" },
+ { imageSrc: "http://img.b2bpic.net/free-photo/hacker-uploading-evolved-sentient-ai-disk-planning-use-it-evil-plan_482257-83395.jpg" },
+ { imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg" },
+ { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-23655.jpg" }
+ ]}
+ />
+
+
-
+
+
-
-
+ tag="Platform Benefits"
+ title="Why Creators Choose Scorp"
+ description="Engineered for speed, security, and professional growth in a digital-first world."
+ items={[
+ {
+ tag: "Secure", title: "Secure Transactions", description: "Escrow-based payments protecting both clients and freelancers.", primaryButton: { text: "Learn More", href: "#" },
+ imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examining-real-time-satellite-data-big-screen-military-base_482257-89895.jpg"
+ },
+ {
+ tag: "Instant", title: "Instant Communication", description: "Built-in real-time tools for seamless project collaboration.", primaryButton: { text: "Learn More", href: "#" },
+ imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-neon-sign_23-2151922453.jpg"
+ },
+ {
+ tag: "Verified", title: "Verified Talent", description: "Strict vetting process for all professional creators.", primaryButton: { text: "Learn More", href: "#" },
+ imageSrc: "http://img.b2bpic.net/free-vector/digital-abstract-business-chart-infographics-with-colorful-glossy-web-buttons-icons-isolated_1284-45078.jpg"
+ }
+ ]}
+ />
+
+
-
+
+
-
-
+ tag="Project Showcase"
+ title="Featured Creative Work"
+ description="Discover high-impact projects delivered by our top-rated creative professionals."
+ items={[
+ { title: "Web 3 UI", description: "High-fidelity interface design for decentralized platforms.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology_23-2149123980.jpg" },
+ { title: "Creative 3D", description: "Immersive 3D motion graphics for modern brands.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-wooden-platter_114579-18556.jpg" },
+ { title: "Brand Strategy", description: "Full-stack identity design and market positioning.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-purple-details_23-2149413406.jpg" },
+ { title: "App Development", description: "Responsive native mobile application development.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-yellow-plastic-glasses-green-background_23-2147870710.jpg" },
+ { title: "Data Visualization", description: "Transforming complex datasets into artful dashboards.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-doctor-writing-patient-daily-report-checklist_53876-14930.jpg" },
+ { title: "Content Strategy", description: "Writing and positioning for digital-first companies.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689413.jpg" },
+ { title: "Digital Illustration", description: "Bespoke digital artwork and character design.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/chopped-carrot-salad-with-yellow-cherry-tomatoes_114579-75056.jpg" }
+ ]}
+ />
+
+
-
+
+
-
-
+ tag="Platform Impact"
+ title="Data-Driven Success"
+ description="Measurable results delivered for thousands of digital creative projects."
+ metrics={[
+ { value: "12k+", title: "Active Projects", description: "Thousands of successful collaborations managed daily.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-green-background-light-shadows-generative-ai_169016-30460.jpg" },
+ { value: "500k+", title: "Community Members", description: "A global network of professional creators and clients.", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-64935.jpg" }
+ ]}
+ />
+
+
-
+
+
-
-
+ tag="Our Leadership"
+ title="Meet the Team Behind Scorp"
+ description="Driven by a shared mission to revolutionize freelance creative work."
+ members={[
+ { name: "Alex Rivet", role: "CEO & Founder", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-with-neon-light_23-2149596328.jpg" },
+ { name: "Sarah Chen", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-frame-with-equal-rights-symbol_23-2148415330.jpg" },
+ { name: "Mark Vossen", role: "Tech Architect", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-server-farm-ensuring-compliance-with-industry-standards_482257-123806.jpg" }
+ ]}
+ />
+
+
-
+
+
-
-
+ quote="Scorp transformed our design process. The speed and quality of the creators we've hired are unparalleled in the freelance marketplace ecosystem."
+ rating={5}
+ author="Jordan Smith, Marketing Director at TechCorp"
+ avatars={[
+ { name: "Client 1", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-feline-masks-carnival-with-copy-space_23-2148389763.jpg" },
+ { name: "Client 2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-woman-with-afro-curls-hairstyle-smiling-model-dressed-white-summer-costume-sexy-carefree-female-posing-near-grey-wall-studio-tanned-cheerful-shocked-surprised_158538-24849.jpg" },
+ { name: "Client 3", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-man-with-beard-looking-thoughtful-upper-left-corner-imaging-smiling-white_1258-111693.jpg" },
+ { name: "Client 4", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg" },
+ { name: "Client 5", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg" }
+ ]}
+ />
+
+
-
+
+
-
-
+ tag="Support"
+ title="Common Questions"
+ description="Frequently asked questions about our platform and services."
+ items={[
+ {
+ question: "How are creators vetted?", answer: "We review all portfolios, experience, and past work before granting 'Verified' status."
+ },
+ {
+ question: "Are payments secure?", answer: "Yes, we use escrow services that only release funds upon final approval of project milestones."
+ },
+ {
+ question: "Can I message freelancers directly?", answer: "Yes, our platform includes an integrated messaging system for all active projects."
+ }
+ ]}
+ />
+
+