Merge version_2 into main #4
1443
src/app/layout.tsx
1443
src/app/layout.tsx
File diff suppressed because it is too large
Load Diff
337
src/app/page.tsx
337
src/app/page.tsx
@@ -1,332 +1,221 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
|
||||
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
||||
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles, CheckCircle, Zap, Award, Star, Users, Send } from "lucide-react";
|
||||
import { Zap, Users, Linkedin, Twitter, Globe } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Home() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "#services" },
|
||||
{ label: "Web Development", href: "#services" },
|
||||
{ label: "Digital Strategy", href: "#services" },
|
||||
{ label: "Mobile Apps", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Team", href: "#team" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Case Studies", href: "#" },
|
||||
{ label: "FAQs", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
title: "Resources", items: [
|
||||
{ label: "Case Studies", href: "#case-studies" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Proof Digital"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/contact",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
text: "Book a Free Strategy Call", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Transform Your Digital Presence"
|
||||
description="We craft stunning digital experiences that drive growth. From web design to full-stack development, we deliver solutions that convert."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
kpis={[
|
||||
{ value: "500+", label: "Projects Delivered" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "10 Years", label: "Industry Experience" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Digital Solutions That Drive Growth"
|
||||
description="Partner with Proof Digital for expert web design, development, and strategic guidance that transforms your business."
|
||||
tag="Digital Agency"
|
||||
tagIcon={Sparkles}
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop"
|
||||
imageAlt="Digital solutions for business"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson", handle: "CEO, TechCorp", testimonial: "Proof Digital transformed our online presence and increased leads by 300%. Exceptional work!", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&fit=crop"},
|
||||
{
|
||||
name: "Michael Chen", handle: "Founder, StartupHub", testimonial: "The strategic guidance and technical expertise were instrumental in our growth from zero to profitability.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=96&h=96&fit=crop"},
|
||||
{
|
||||
name: "Emily Rodriguez", handle: "Director, Commerce Plus", testimonial: "ROI on our digital transformation exceeded expectations. Proof Digital delivered beyond our goals.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=96&h=96&fit=crop"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "/contact" },
|
||||
{ text: "View Our Work", href: "#portfolio" },
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Portfolio", href: "/portfolio" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-modern-digital-agency-workspace-showin-1773016088900-3564f504.png"
|
||||
imageAlt="Proof Digital team collaborating on web projects"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="We Turn Ideas Into Digital Reality"
|
||||
description="Proof Digital is a full-service digital agency focused on creating meaningful digital experiences. Since 2013, we've partnered with businesses of all sizes to accelerate their digital transformation through innovative design, cutting-edge development, and strategic thinking."
|
||||
tag="About Us"
|
||||
tagIcon={CheckCircle}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "150+", title: "Satisfied Clients" },
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Joe's Plumbing" },
|
||||
{ type: "text", text: "Main Street Dental" },
|
||||
{ type: "text", text: "City Repairs Auto" },
|
||||
{ type: "text", text: "Local Cafe Co" },
|
||||
{ type: "text", text: "Community Bank" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-business-meeting-in-a-mod-1773016089979-34ccd8dd.png?_wi=1"
|
||||
imageAlt="Proof Digital team meeting and discussing strategy"
|
||||
marqueeSpeed={30}
|
||||
showMarqueeCard={true}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Hero section with testimonials and marquee"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
<FeatureCardSix
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Web Design",
|
||||
description: "Beautiful, user-centric web designs that capture your brand essence and engage your audience. We create responsive, accessible websites that perform.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-sleek-web-design-interface-mockup-show-1773016089091-b30b937c.png?_wi=1",
|
||||
imageAlt: "Modern web design interface mockup",
|
||||
},
|
||||
title: "Web Design", description: "User-centric designs that capture your brand essence and engage your audience. Beautiful, responsive, and accessible websites that perform.", imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=400&fit=crop", imageAlt: "Web Design"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Web Development",
|
||||
description: "Robust, scalable web applications built with modern technologies. From frontend frameworks to backend infrastructure, we build it right.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-developer-workspace-showing-coding-on--1773016088250-6f1d9301.png?_wi=1",
|
||||
imageAlt: "Developer workspace with coding environment",
|
||||
},
|
||||
title: "Web Development", description: "Robust, scalable applications built with modern technologies. From frontend frameworks to backend infrastructure, we build it right.", imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop", imageAlt: "Web Development"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Digital Strategy",
|
||||
description: "Strategic guidance for your digital journey. We analyze, plan, and execute strategies that align with your business goals and drive growth.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-strategic-planning-session-showing-dig-1773016090553-341850eb.png?_wi=1",
|
||||
imageAlt: "Strategic planning and analytics dashboard",
|
||||
},
|
||||
title: "Digital Strategy", description: "Strategic guidance for your digital journey. We analyze, plan, and execute strategies that align with your business goals and drive growth.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop", imageAlt: "Digital Strategy"},
|
||||
]}
|
||||
title="Our Services"
|
||||
animationType="blur-reveal"
|
||||
title="Our Core Services"
|
||||
description="Comprehensive digital solutions tailored to your business needs. We combine strategy, design, and technology to deliver measurable results."
|
||||
tag="What We Offer"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
useInvertedBackground={false}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
products={[
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-Commerce Platform",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-beautiful-e-commerce-website-design-mo-1773016089582-7ac76cb8.png?_wi=1",
|
||||
imageAlt: "E-commerce website design",
|
||||
id: "starter", title: "Starter", price: "$2,500", period: "one-time", imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4198c838f?w=600&h=400&fit=crop", imageAlt: "Starter Plan", button: { text: "Get Started", href: "#contact" },
|
||||
features: [
|
||||
"Professional 5-page website", "SEO optimization", "Mobile responsive design", "Contact forms & analytics"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Corporate Website",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-corporate-website-design-showcasing-a--1773016089689-065e747e.png?_wi=1",
|
||||
imageAlt: "Corporate website design",
|
||||
id: "growth", title: "Growth", price: "$7,500", period: "one-time", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop", imageAlt: "Growth Plan", button: { text: "Get Started", href: "#contact" },
|
||||
features: [
|
||||
"High-converting e-commerce site", "Advanced functionality", "Payment integration", "SEO & marketing setup", "Performance optimization"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mobile Application",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-mobile-app-interface-design-showing-a--1773016088464-e68ec2b7.png?_wi=1",
|
||||
imageAlt: "Mobile app design interface",
|
||||
id: "custom", title: "Custom", price: "Let's Talk", period: "quote", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=400&fit=crop", imageAlt: "Custom Plan", button: { text: "Schedule Call", href: "#contact" },
|
||||
features: [
|
||||
"Full-stack development", "Custom digital strategy", "Enterprise solutions", "Ongoing support & maintenance", "Dedicated project team"],
|
||||
},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Explore our portfolio of successful projects that showcase our expertise in design and development."
|
||||
tag="Portfolio"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect plan for your business. All plans include ongoing support and optimization."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Projects", href: "#portfolio" }]}
|
||||
useInvertedBackground={true}
|
||||
tag="Pricing"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "Tech Innovations Inc",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-headshot-of-a-confident-b-1773016087486-0d4802fa.png",
|
||||
imageAlt: "Sarah Johnson CEO portrait",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&fit=crop", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michelle Chen",
|
||||
role: "Marketing Director",
|
||||
company: "Growth Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-headshot-of-a-successful--1773016087291-6456a20a.png",
|
||||
imageAlt: "Michelle Chen portrait",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=96&h=96&fit=crop", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Martinez",
|
||||
role: "Founder",
|
||||
company: "Digital Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-headshot-of-a-successful--1773016087646-41eaea51.png",
|
||||
imageAlt: "David Martinez founder portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Thompson",
|
||||
role: "Managing Director",
|
||||
company: "Commerce Plus",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-headshot-of-a-confident-s-1773016088584-22792bb2.png",
|
||||
imageAlt: "Emily Thompson portrait",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=96&h=96&fit=crop", imageAlt: "Emily Rodriguez"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "150+", label: "Happy Clients" },
|
||||
{ value: "500+", label: "Projects Delivered" },
|
||||
{ value: "10 Years", label: "Industry Leadership" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from businesses that have transformed their digital presence with Proof Digital."
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "Read More Stories", href: "#testimonials" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
title="We deliver measurable results that drive real business growth for our clients."
|
||||
tag="Impact"
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "500+",
|
||||
description: "Projects successfully delivered across various industries and company sizes.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
description: "Client satisfaction rate reflecting our commitment to excellence and quality.",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
cardTitle="Over 50+ businesses trust Proof Digital to deliver exceptional digital solutions and drive measurable growth."
|
||||
cardTag="Trusted by Industry Leaders"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Client testimonials section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
team={[
|
||||
<TeamCardTwo
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Morgan",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-portrait-of-a-creative-de-1773016088700-26b0f130.png?_wi=1",
|
||||
imageAlt: "Alex Morgan Creative Director",
|
||||
id: "1", name: "Alex Johnson", role: "Founder & Lead Designer", description: "With 12+ years in digital design, Alex leads our creative vision and client strategy. Passionate about user-centric design.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=500&fit=crop", imageAlt: "Alex Johnson", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan Lee",
|
||||
role: "Senior Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-portrait-of-a-senior-web--1773016088563-8a844a71.png?_wi=1",
|
||||
imageAlt: "Jordan Lee Senior Developer",
|
||||
id: "2", name: "Jordan Martinez", role: "Lead Developer", description: "Full-stack developer with 10+ years building scalable web applications. Expert in modern tech stacks and performance optimization.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=500&fit=crop", imageAlt: "Jordan Martinez", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Globe, url: "https://example.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Casey Rodriguez",
|
||||
role: "Project Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-portrait-of-a-project-man-1773016089330-eccfcfac.png?_wi=1",
|
||||
imageAlt: "Casey Rodriguez Project Manager",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Taylor Kim",
|
||||
role: "UX/UI Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-professional-portrait-of-a-ux-ui-desig-1773016088672-3743f260.png?_wi=1",
|
||||
imageAlt: "Taylor Kim UX UI Designer",
|
||||
id: "3", name: "Casey Chen", role: "Strategic Consultant", description: "Digital strategist helping businesses navigate their digital transformation. 8+ years of agency experience and proven track record.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=500&fit=crop", imageAlt: "Casey Chen", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="Talented professionals dedicated to bringing your vision to life. Meet the creative minds behind Proof Digital."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
title="Meet Our Team"
|
||||
description="A talented group of professionals dedicated to delivering exceptional digital solutions."
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Join Our Team", href: "#" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -340,4 +229,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,29 +1,27 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Award, Send } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function PortfolioPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "Team", id: "/#team" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Web Design", href: "/services#design" },
|
||||
{ label: "Web Development", href: "/services#development" },
|
||||
{ label: "Digital Strategy", href: "/services#strategy" },
|
||||
{ label: "Mobile Apps", href: "/services#mobile" },
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "#services" },
|
||||
{ label: "Web Development", href: "#services" },
|
||||
{ label: "Digital Strategy", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -36,17 +34,14 @@ export default function PortfolioPage() {
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Case Studies", href: "/case-studies" },
|
||||
{ label: "FAQs", href: "/faqs" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Case Studies", href: "/#case-studies" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -65,12 +60,11 @@ export default function PortfolioPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Proof Digital"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
text: "Book a Free Strategy Call", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,14 +72,11 @@ export default function PortfolioPage() {
|
||||
<ProductCardOne
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "E-Commerce Platform", price: "Custom", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-beautiful-e-commerce-website-design-mo-1773016089582-7ac76cb8.png", imageAlt: "E-commerce website design"},
|
||||
id: "1", name: "E-Commerce Platform", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-beautiful-e-commerce-website-design-mo-1773016089582-7ac76cb8.png", imageAlt: "E-commerce website design"},
|
||||
{
|
||||
id: "2", name: "Corporate Website", price: "Custom", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-corporate-website-design-showcasing-a--1773016089689-065e747e.png", imageAlt: "Corporate website design"},
|
||||
id: "2", name: "Corporate Website", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-corporate-website-design-showcasing-a--1773016089689-065e747e.png", imageAlt: "Corporate website design"},
|
||||
{
|
||||
id: "3", name: "Mobile Application", price: "Custom", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-mobile-app-interface-design-showing-a--1773016088464-e68ec2b7.png", imageAlt: "Mobile app design interface"},
|
||||
id: "3", name: "Mobile Application", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-mobile-app-interface-design-showing-a--1773016088464-e68ec2b7.png", imageAlt: "Mobile app design interface"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -111,11 +102,9 @@ export default function PortfolioPage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500+", description:
|
||||
"Projects successfully delivered across various industries and company sizes."},
|
||||
id: "1", value: "500+", description: "Projects successfully delivered across various industries and company sizes."},
|
||||
{
|
||||
id: "2", value: "98%", description:
|
||||
"Client satisfaction rate reflecting our commitment to excellence and quality."},
|
||||
id: "2", value: "98%", description: "Client satisfaction rate reflecting our commitment to excellence and quality."},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
@@ -151,4 +140,4 @@ export default function PortfolioPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,29 +1,27 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Zap, CheckCircle, Send } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "Team", id: "/#team" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Web Design", href: "/services#design" },
|
||||
{ label: "Web Development", href: "/services#development" },
|
||||
{ label: "Digital Strategy", href: "/services#strategy" },
|
||||
{ label: "Mobile Apps", href: "/services#mobile" },
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "#services" },
|
||||
{ label: "Web Development", href: "#services" },
|
||||
{ label: "Digital Strategy", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -36,17 +34,14 @@ export default function ServicesPage() {
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Case Studies", href: "/case-studies" },
|
||||
{ label: "FAQs", href: "/faqs" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Case Studies", href: "/#case-studies" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -65,33 +60,26 @@ export default function ServicesPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={navItems}
|
||||
brandName="Proof Digital"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
text: "Book a Free Strategy Call", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-detail" data-section="services-detail">
|
||||
<FeatureCardSeven
|
||||
<FeatureCardSix
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Web Design", description:
|
||||
"Beautiful, user-centric web designs that capture your brand essence and engage your audience. We create responsive, accessible websites that perform.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-sleek-web-design-interface-mockup-show-1773016089091-b30b937c.png", imageAlt: "Modern web design interface mockup"},
|
||||
title: "Web Design", description: "User-centric designs that capture your brand essence and engage your audience. We create responsive, accessible websites that perform.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-sleek-web-design-interface-mockup-show-1773016089091-b30b937c.png", imageAlt: "Modern web design interface mockup"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Web Development", description:
|
||||
"Robust, scalable web applications built with modern technologies. From frontend frameworks to backend infrastructure, we build it right.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-developer-workspace-showing-coding-on--1773016088250-6f1d9301.png", imageAlt: "Developer workspace with coding environment"},
|
||||
title: "Web Development", description: "Robust, scalable web applications built with modern technologies. From frontend frameworks to backend infrastructure, we build it right.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-developer-workspace-showing-coding-on--1773016088250-6f1d9301.png", imageAlt: "Developer workspace with coding environment"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Digital Strategy", description:
|
||||
"Strategic guidance for your digital journey. We analyze, plan, and execute strategies that align with your business goals and drive growth.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-strategic-planning-session-showing-dig-1773016090553-341850eb.png", imageAlt: "Strategic planning and analytics dashboard"},
|
||||
title: "Digital Strategy", description: "Strategic guidance for your digital journey. We analyze, plan, and execute strategies that align with your business goals and drive growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AgZA6IQcr4Zlleho9QA1StWJGf/a-strategic-planning-session-showing-dig-1773016090553-341850eb.png", imageAlt: "Strategic planning and analytics dashboard"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
title="Our Services"
|
||||
@@ -159,4 +147,4 @@ export default function ServicesPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user