Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="DevWorks"
|
||||
/>
|
||||
@@ -60,48 +50,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Elevating Digital Experiences."
|
||||
description="Professional web development services tailored to scale your brand and drive results through high-performance modern web solutions."
|
||||
tag="Expert Freelance Web Development"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg?_wi=1",
|
||||
imageAlt: "Dashboard Interface",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg", imageAlt: "Dashboard Interface"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg?_wi=1",
|
||||
imageAlt: "Keyboard Workspace",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg", imageAlt: "Keyboard Workspace"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg?_wi=1",
|
||||
imageAlt: "Digital Network",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg", imageAlt: "Digital Network"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-with-mouse-headphones_23-2148291099.jpg",
|
||||
imageAlt: "Modern Workspace",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-with-mouse-headphones_23-2148291099.jpg", imageAlt: "Modern Workspace"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010118.jpg",
|
||||
imageAlt: "Writing React Code",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010118.jpg", imageAlt: "Writing React Code"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-brain-futuristic-data-center_23-2152029074.jpg",
|
||||
imageAlt: "Neural Network Concept",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-brain-futuristic-data-center_23-2152029074.jpg", imageAlt: "Neural Network Concept"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,9 +80,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Solutions, Not Just Code."
|
||||
description={[
|
||||
"I build high-performance web applications focusing on clean architecture, scalability, and user-centric design. My approach bridges the gap between complex requirements and intuitive interfaces.",
|
||||
"With years of experience in the full-stack landscape, I help companies turn ambitious technical visions into high-converting digital products.",
|
||||
]}
|
||||
"I build high-performance web applications focusing on clean architecture, scalability, and user-centric design. My approach bridges the gap between complex requirements and intuitive interfaces.", "With years of experience in the full-stack landscape, I help companies turn ambitious technical visions into high-converting digital products."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -124,64 +91,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "High-performance applications built for speed and reliability.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg",
|
||||
},
|
||||
title: "Web Development", description: "High-performance applications built for speed and reliability.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-running-data-insights-empty-dark-office-late-night_482257-130090.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Code,
|
||||
text: "React / Next.js Expert",
|
||||
},
|
||||
text: "React / Next.js Expert"},
|
||||
{
|
||||
icon: Server,
|
||||
text: "Backend Scalability",
|
||||
},
|
||||
text: "Backend Scalability"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-coworkers-having-fun-vibrant-office-while-reviewing-financial-graphs_482257-126650.jpg?_wi=2",
|
||||
imageAlt: "data analytics dashboard screen",
|
||||
},
|
||||
{
|
||||
title: "Responsive Design",
|
||||
description: "Mobile-first interfaces that look amazing on every device.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-seated-workstation-with-green-screen-devices_482257-122690.jpg",
|
||||
},
|
||||
title: "Responsive Design", description: "Mobile-first interfaces that look amazing on every device.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-seated-workstation-with-green-screen-devices_482257-122690.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Smartphone,
|
||||
text: "Adaptive Layouts",
|
||||
},
|
||||
text: "Adaptive Layouts"},
|
||||
{
|
||||
icon: Palette,
|
||||
text: "Design Systems",
|
||||
},
|
||||
text: "Design Systems"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-home-office-using-cad-software-arranging-furniture_482257-119046.jpg?_wi=2",
|
||||
imageAlt: "data analytics dashboard screen",
|
||||
},
|
||||
{
|
||||
title: "Performance Optimization",
|
||||
description: "Technical SEO and speed optimization to maximize conversions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884859.jpg",
|
||||
},
|
||||
title: "Performance Optimization", description: "Technical SEO and speed optimization to maximize conversions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884859.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Rapid Loading Speed",
|
||||
},
|
||||
text: "Rapid Loading Speed"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure Architecture",
|
||||
},
|
||||
text: "Secure Architecture"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg?_wi=2",
|
||||
imageAlt: "data analytics dashboard screen",
|
||||
},
|
||||
]}
|
||||
title="My Core Expertise."
|
||||
@@ -196,26 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Project Completion",
|
||||
description: "All deadlines successfully met.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/statistic-icons-collection_1268-232.jpg",
|
||||
},
|
||||
id: "m1", value: "100%", title: "Project Completion", description: "All deadlines successfully met.", imageSrc: "http://img.b2bpic.net/free-vector/statistic-icons-collection_1268-232.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200%",
|
||||
title: "Performance Growth",
|
||||
description: "Average speed gains for clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg",
|
||||
},
|
||||
id: "m2", value: "200%", title: "Performance Growth", description: "Average speed gains for clients.", imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Client Satisfaction",
|
||||
description: "Consistently rated by partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/four-options-percentage-chart-template-presentation-business-data_1262-12015.jpg",
|
||||
},
|
||||
id: "m3", value: "4.9/5", title: "Client Satisfaction", description: "Consistently rated by partners.", imageSrc: "http://img.b2bpic.net/free-vector/four-options-percentage-chart-template-presentation-business-data_1262-12015.jpg"},
|
||||
]}
|
||||
title="Proven Results."
|
||||
description="Tangible impact through deliberate engineering and design choices."
|
||||
@@ -229,54 +160,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "$1,500",
|
||||
subtitle: "Perfect for landing pages and simple portfolios.",
|
||||
features: [
|
||||
"Responsive Landing Page",
|
||||
"Fast Delivery",
|
||||
"Deployment Support",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "$1,500", subtitle: "Perfect for landing pages and simple portfolios.", features: [
|
||||
"Responsive Landing Page", "Fast Delivery", "Deployment Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Growth",
|
||||
price: "$4,000",
|
||||
subtitle: "For custom web apps and multi-page websites.",
|
||||
features: [
|
||||
"Full-stack Development",
|
||||
"CMS Integration",
|
||||
"SEO Optimization",
|
||||
],
|
||||
id: "p2", badge: "Growth", price: "$4,000", subtitle: "For custom web apps and multi-page websites.", features: [
|
||||
"Full-stack Development", "CMS Integration", "SEO Optimization"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Scale",
|
||||
price: "$8,000+",
|
||||
subtitle: "Comprehensive enterprise-grade applications.",
|
||||
features: [
|
||||
"Custom Architecture",
|
||||
"Database Design",
|
||||
"Ongoing Maintenance",
|
||||
],
|
||||
id: "p3", badge: "Scale", price: "$8,000+", subtitle: "Comprehensive enterprise-grade applications.", features: [
|
||||
"Custom Architecture", "Database Design", "Ongoing Maintenance"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Inquire", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -292,45 +196,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Exceptional development speed and technical quality. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Exceptional development speed and technical quality. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
handle: "@jchen",
|
||||
testimonial: "Transformed our product vision into a robust application seamlessly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", handle: "@jchen", testimonial: "Transformed our product vision into a robust application seamlessly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Wilson",
|
||||
handle: "@ewilson",
|
||||
testimonial: "Incredible attention to detail and professional communication.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
id: "t3", name: "Emma Wilson", handle: "@ewilson", testimonial: "Incredible attention to detail and professional communication.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Park",
|
||||
handle: "@dpark",
|
||||
testimonial: "Reliable partner for our ongoing complex web projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
id: "t4", name: "David Park", handle: "@dpark", testimonial: "Reliable partner for our ongoing complex web projects.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Perfect delivery, great design instincts and clean code.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena Rossi", handle: "@erossi", testimonial: "Perfect delivery, great design instincts and clean code.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Partners."
|
||||
@@ -343,14 +222,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Growth Labs",
|
||||
"Innovate X",
|
||||
"Design Foundry",
|
||||
"Cloudify",
|
||||
"DataStream",
|
||||
"SoftEdge",
|
||||
]}
|
||||
"TechCorp", "Growth Labs", "Innovate X", "Design Foundry", "Cloudify", "DataStream", "SoftEdge"]}
|
||||
title="Trusted by Innovative Teams."
|
||||
description="Helping businesses push boundaries across industries."
|
||||
/>
|
||||
@@ -360,16 +232,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Let's Collaborate"
|
||||
title="Ready to launch your project?"
|
||||
description="Drop me a message to discuss your goals and how I can help bring your digital project to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact via Email",
|
||||
href: "mailto:dev@example.com",
|
||||
},
|
||||
text: "Contact via Email", href: "mailto:dev@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -380,42 +249,27 @@ export default function LandingPage() {
|
||||
logoText="DevWorks"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user