Merge version_2 into main #2
@@ -7,46 +7,30 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const archivo = Archivo({
|
||||
variable: "--font-archivo",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-archivo", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Studio Duo - Design & Development Collaboration",
|
||||
description: "Two freelancers, premium results, single-freelancer pricing. Studio Duo combines design excellence with technical expertise for your digital projects.",
|
||||
keywords: "freelance design, web development, brand design, full-stack development, affordable design services",
|
||||
metadataBase: new URL("https://studioduo.example.com"),
|
||||
title: "Studio Duo - Design & Development Collaboration", description: "Two freelancers, premium results, single-freelancer pricing. Studio Duo combines design excellence with technical expertise for your digital projects.", keywords: "freelance design, web development, brand design, full-stack development, affordable design services", metadataBase: new URL("https://studioduo.example.com"),
|
||||
alternates: {
|
||||
canonical: "https://studioduo.example.com",
|
||||
},
|
||||
canonical: "https://studioduo.example.com"},
|
||||
openGraph: {
|
||||
title: "Studio Duo - Creative Collaboration at Fair Prices",
|
||||
description: "Experience the power of collaborative design and development. Premium work from two creatives at single-freelancer pricing.",
|
||||
siteName: "Studio Duo",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "Studio Duo - Creative Collaboration at Fair Prices", description: "Experience the power of collaborative design and development. Premium work from two creatives at single-freelancer pricing.", siteName: "Studio Duo", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
|
||||
alt: "Studio Duo - Creative Collaboration",
|
||||
},
|
||||
url: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", alt: "Studio Duo - Creative Collaboration"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Studio Duo - Design & Development",
|
||||
description: "Two creatives delivering premium work at fair prices.",
|
||||
images: ["http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"],
|
||||
card: "summary_large_image", title: "Studio Duo - Design & Development", description: "Two creatives delivering premium work at fair prices.", images: ["http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
@@ -1438,4 +1422,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
194
src/app/page.tsx
194
src/app/page.tsx
@@ -69,16 +69,13 @@ export default function HomePage() {
|
||||
tag="Creative Collaboration"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Start Your Project Now", href: "/contact" },
|
||||
{ text: "View Our Work", href: "/services" },
|
||||
{ text: "Start Your Project", href: "/contact" },
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Project Success Metrics",
|
||||
logoIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
|
||||
searchPlaceholder: "Search projects...",
|
||||
buttons: [{ text: "View Portfolio", href: "/services" }],
|
||||
title: "Project Success Metrics", logoIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg", searchPlaceholder: "Search projects...", buttons: [{ text: "View Portfolio", href: "/services" }],
|
||||
sidebarItems: [
|
||||
{ icon: Briefcase, active: true },
|
||||
{ icon: Users },
|
||||
@@ -86,38 +83,26 @@ export default function HomePage() {
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Projects Completed",
|
||||
values: [45, 78, 120],
|
||||
description: "Successful collaborations",
|
||||
},
|
||||
title: "Projects Completed", values: [45, 78, 120],
|
||||
description: "Successful collaborations"},
|
||||
{
|
||||
title: "Client Satisfaction",
|
||||
values: [95, 97, 99],
|
||||
valueSuffix: "%",
|
||||
description: "Happiness rate",
|
||||
},
|
||||
title: "Client Satisfaction", values: [95, 97, 99],
|
||||
valueSuffix: "%", description: "Happiness rate"},
|
||||
{
|
||||
title: "Turnaround Time",
|
||||
values: [14, 10, 7],
|
||||
valueSuffix: " days",
|
||||
description: "Average delivery",
|
||||
},
|
||||
title: "Turnaround Time", values: [14, 10, 7],
|
||||
valueSuffix: " days", description: "Average delivery"},
|
||||
],
|
||||
chartTitle: "Project Timeline",
|
||||
chartData: [
|
||||
chartTitle: "Project Timeline", chartData: [
|
||||
{ value: 60 },
|
||||
{ value: 80 },
|
||||
{ value: 75 },
|
||||
{ value: 90 },
|
||||
{ value: 85 },
|
||||
],
|
||||
listTitle: "Active Projects",
|
||||
listItems: [
|
||||
listTitle: "Active Projects", listItems: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Brand Identity Design",
|
||||
status: "In Progress",
|
||||
},
|
||||
title: "Brand Identity Design", status: "In Progress"},
|
||||
{ icon: Briefcase, title: "Web Development Suite", status: "Active" },
|
||||
{ icon: Lightbulb, title: "UI/UX Enhancement", status: "Planning" },
|
||||
],
|
||||
@@ -135,24 +120,16 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Dual Expertise",
|
||||
description: "One designer, one developer. Perfect harmony for every project phase.",
|
||||
icon: Lightbulb,
|
||||
title: "Dual Expertise", description: "One designer, one developer. Perfect harmony for every project phase.", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
title: "Faster Delivery",
|
||||
description: "With two sets of hands, we deliver faster without compromising quality.",
|
||||
icon: Zap,
|
||||
title: "Faster Delivery", description: "With two sets of hands, we deliver faster without compromising quality.", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Collaborative Reviews",
|
||||
description: "Built-in quality checks and creative feedback at every stage.",
|
||||
icon: CheckCircle,
|
||||
title: "Collaborative Reviews", description: "Built-in quality checks and creative feedback at every stage.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Affordable Excellence",
|
||||
description: "Premium work without premium single-freelancer pricing.",
|
||||
icon: DollarSign,
|
||||
title: "Affordable Excellence", description: "Premium work without premium single-freelancer pricing.", icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/designers-discussing-project-with-team-leader_74855-9779.jpg?_wi=1"
|
||||
@@ -174,42 +151,24 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Brand & Design",
|
||||
description: "Complete visual identity systems, UI design, and brand guidelines crafted with artistic precision and strategic thinking.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg?_wi=1",
|
||||
imageAlt: "design ui mockup interface",
|
||||
},
|
||||
title: "Brand & Design", description: "Complete visual identity systems, UI design, and brand guidelines crafted with artistic precision and strategic thinking.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/social-page-application-ui-design-concept_1284-45234.jpg?_wi=1", imageAlt: "design ui mockup interface"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-abstract-company-card_23-2148455818.jpg?_wi=1",
|
||||
imageAlt: "brand identity design creative",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/creative-abstract-company-card_23-2148455818.jpg?_wi=1", imageAlt: "brand identity design creative"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Web Development",
|
||||
description: "Custom websites and applications built with clean code, optimal performance, and seamless user experiences.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg?_wi=1",
|
||||
imageAlt: "development coding web technology",
|
||||
},
|
||||
title: "Web Development", description: "Custom websites and applications built with clean code, optimal performance, and seamless user experiences.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-software-code-application-technology-concept_53876-123931.jpg?_wi=1", imageAlt: "development coding web technology"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-hispanic-developer-programming-software-using-computer-while-working-from-home_662251-988.jpg?_wi=1",
|
||||
imageAlt: "developer code programming computer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-attractive-hispanic-developer-programming-software-using-computer-while-working-from-home_662251-988.jpg?_wi=1", imageAlt: "developer code programming computer"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Full-Stack Solutions",
|
||||
description: "End-to-end projects combining beautiful design with powerful functionality. The best of both worlds.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/app-development-mobile-template_23-2148681251.jpg?_wi=1",
|
||||
imageAlt: "fullstack development design application",
|
||||
},
|
||||
title: "Full-Stack Solutions", description: "End-to-end projects combining beautiful design with powerful functionality. The best of both worlds.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/app-development-mobile-template_23-2148681251.jpg?_wi=1", imageAlt: "fullstack development design application"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483806.jpg?_wi=1",
|
||||
imageAlt: "web application interface responsive",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-responsive-website-design_23-2149483806.jpg?_wi=1", imageAlt: "web application interface responsive"},
|
||||
},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
@@ -226,59 +185,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Transformed Our Brand",
|
||||
quote: "Studio Duo completely revamped our online presence. The collaboration between designer and developer resulted in something we never could have achieved with a single freelancer.",
|
||||
name: "Sarah Williams",
|
||||
role: "CEO, TechStart Co.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1",
|
||||
imageAlt: "headshot business woman professional",
|
||||
},
|
||||
id: "1", title: "Transformed Our Brand", quote: "Studio Duo completely revamped our online presence. The collaboration between designer and developer resulted in something we never could have achieved with a single freelancer.", name: "Sarah Williams", role: "CEO, TechStart Co.", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1", imageAlt: "headshot business woman professional"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Turnaround, Zero Compromises",
|
||||
quote: "What impressed me most was how quickly they delivered without sacrificing quality. Having two people working together meant faster iteration and smarter solutions.",
|
||||
name: "Marcus Johnson",
|
||||
role: "Founder, Digital Agency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "headshot business man professional",
|
||||
},
|
||||
id: "2", title: "Fast Turnaround, Zero Compromises", quote: "What impressed me most was how quickly they delivered without sacrificing quality. Having two people working together meant faster iteration and smarter solutions.", name: "Marcus Johnson", role: "Founder, Digital Agency", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "headshot business man professional"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Professional & Affordable",
|
||||
quote: "We expected to pay more for this level of quality. Studio Duo proved that two heads working together can deliver premium work at fair prices.",
|
||||
name: "Emma Rodriguez",
|
||||
role: "Marketing Director, Creative Studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2",
|
||||
imageAlt: "headshot business woman professional",
|
||||
},
|
||||
id: "3", title: "Professional & Affordable", quote: "We expected to pay more for this level of quality. Studio Duo proved that two heads working together can deliver premium work at fair prices.", name: "Emma Rodriguez", role: "Marketing Director, Creative Studio", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2", imageAlt: "headshot business woman professional"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Strategic Thinking & Execution",
|
||||
quote: "They don't just build; they think strategically about every decision. The blend of design creativity and technical expertise is exactly what our project needed.",
|
||||
name: "David Park",
|
||||
role: "Product Manager, Scale-Up",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "headshot business man professional",
|
||||
},
|
||||
id: "4", title: "Strategic Thinking & Execution", quote: "They don't just build; they think strategically about every decision. The blend of design creativity and technical expertise is exactly what our project needed.", name: "David Park", role: "Product Manager, Scale-Up", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "headshot business man professional"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Exceptional Collaboration",
|
||||
quote: "The internal collaboration between Alex and Jordan translated into better communication with us. They understood our vision and brought it to life perfectly.",
|
||||
name: "Lisa Chen",
|
||||
role: "Co-founder, Design Collective",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=3",
|
||||
imageAlt: "headshot business woman professional",
|
||||
},
|
||||
id: "5", title: "Exceptional Collaboration", quote: "The internal collaboration between Alex and Jordan translated into better communication with us. They understood our vision and brought it to life perfectly.", name: "Lisa Chen", role: "Co-founder, Design Collective", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=3", imageAlt: "headshot business woman professional"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Worth Every Penny",
|
||||
quote: "Studio Duo is a breath of fresh air in a crowded freelance market. Quality, speed, affordability—they deliver on all three fronts.",
|
||||
name: "Tom Butler",
|
||||
role: "Owner, E-Commerce Business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
|
||||
imageAlt: "headshot business man professional",
|
||||
},
|
||||
id: "6", title: "Worth Every Penny", quote: "Studio Duo is a breath of fresh air in a crowded freelance market. Quality, speed, affordability—they deliver on all three fronts.", name: "Tom Butler", role: "Owner, E-Commerce Business", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "headshot business man professional"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,51 +211,22 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Perfect for Small Projects",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$2,500",
|
||||
subtitle: "One-time project fee",
|
||||
buttons: [{ text: "Get Started", href: "/contact" }],
|
||||
id: "starter", badge: "Perfect for Small Projects", badgeIcon: Sparkles,
|
||||
price: "$2,500", subtitle: "One-time project fee", buttons: [{ text: "Get Started", href: "/contact" }],
|
||||
features: [
|
||||
"Design or development work",
|
||||
"Unlimited revisions",
|
||||
"2-week turnaround",
|
||||
"Project consultation",
|
||||
"One creative included",
|
||||
],
|
||||
"Design or development work", "Unlimited revisions", "2-week turnaround", "Project consultation", "One creative included"],
|
||||
},
|
||||
{
|
||||
id: "duo",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$4,500",
|
||||
subtitle: "Full collaborative power",
|
||||
buttons: [{ text: "Choose Duo Package", href: "/contact" }],
|
||||
id: "duo", badge: "Most Popular", badgeIcon: Star,
|
||||
price: "$4,500", subtitle: "Full collaborative power", buttons: [{ text: "Choose Duo Package", href: "/contact" }],
|
||||
features: [
|
||||
"Design + Development",
|
||||
"Unlimited revisions",
|
||||
"10-day turnaround",
|
||||
"Strategy session included",
|
||||
"Both creatives on project",
|
||||
"Priority support",
|
||||
],
|
||||
"Design + Development", "Unlimited revisions", "10-day turnaround", "Strategy session included", "Both creatives on project", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom Solutions",
|
||||
badgeIcon: Zap,
|
||||
price: "Custom",
|
||||
subtitle: "For complex projects",
|
||||
buttons: [{ text: "Request Quote", href: "/contact" }],
|
||||
id: "enterprise", badge: "Custom Solutions", badgeIcon: Zap,
|
||||
price: "Custom", subtitle: "For complex projects", buttons: [{ text: "Request Quote", href: "/contact" }],
|
||||
features: [
|
||||
"Multi-phase projects",
|
||||
"Dedicated support",
|
||||
"Flexible timeline",
|
||||
"Full-stack development",
|
||||
"Ongoing maintenance",
|
||||
"Strategic partnership",
|
||||
],
|
||||
"Multi-phase projects", "Dedicated support", "Flexible timeline", "Full-stack development", "Ongoing maintenance", "Strategic partnership"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -374,4 +262,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user