Update src/app/page.tsx
This commit is contained in:
137
src/app/page.tsx
137
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Palette, Code, Award } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -28,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="FreelanceFlow"
|
||||
/>
|
||||
@@ -51,39 +40,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevate Your Brand with Expert Design"
|
||||
description="I help growing businesses turn their vision into high-impact digital experiences through custom design and development."
|
||||
tag="Freelance Design Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View My Work", href: "#services" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png?_wi=1",
|
||||
imageAlt: "Freelance desk setup",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png", imageAlt: "Freelance desk setup"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png?_wi=2",
|
||||
imageAlt: "Freelance desk setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png?_wi=3",
|
||||
imageAlt: "Minimalist desk workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png?_wi=4",
|
||||
imageAlt: "Creative professional desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png?_wi=5",
|
||||
imageAlt: "Modern digital workspace",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png", imageAlt: "Freelance desk setup"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -105,21 +73,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "Custom UI/UX designs that drive engagement.",
|
||||
buttonIcon: "Palette",
|
||||
},
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "High-performance, responsive web applications.",
|
||||
buttonIcon: "Code",
|
||||
},
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Visual identities that communicate your value.",
|
||||
buttonIcon: "Award",
|
||||
},
|
||||
{ title: "Web Design", description: "Custom UI/UX designs that drive engagement.", buttonIcon: Palette },
|
||||
{ title: "Web Development", description: "High-performance, responsive web applications.", buttonIcon: Code },
|
||||
{ title: "Brand Identity", description: "Visual identities that communicate your value.", buttonIcon: Award }
|
||||
]}
|
||||
title="What I Can Do For You"
|
||||
description="Comprehensive design services tailored to your specific needs."
|
||||
@@ -132,41 +88,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best freelancer I've worked with. Professional, fast, and delivered amazing results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22976.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@chen_m",
|
||||
testimonial: "Transformed our brand identity completely. Absolutely recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Exceptional attention to detail and design aesthetic. Exceeded all our expectations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Responsive, creative, and extremely reliable throughout the whole process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jesslee",
|
||||
testimonial: "A true professional. Brought my vision to life perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22976.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The best freelancer I've worked with. Professional, fast, and delivered amazing results.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22976.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@chen_m", testimonial: "Transformed our brand identity completely. Absolutely recommended.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-employee_1098-1210.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't take my word for it. See what my clients have to say."
|
||||
@@ -179,24 +102,10 @@ export default function LandingPage() {
|
||||
title="Start Your Project"
|
||||
description="Ready to work together? Let's chat about your project."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell me about your project",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell me about your project", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-modern-abstract-digital-interface-over-1774689735040-df6a2a23.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -205,14 +114,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="FreelanceFlow"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user