Update src/app/work/page.tsx
This commit is contained in:
@@ -3,44 +3,18 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles, Zap, Star } from "lucide-react";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Twitter, Instagram, Linkedin, Briefcase } from "lucide-react";
|
||||
|
||||
export default function WorkPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Work", id: "/work" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Development", href: "/work" },
|
||||
{ label: "Marketing", href: "/work" },
|
||||
{ label: "Design", href: "/work" },
|
||||
{ label: "Software Development", href: "/work" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Work", href: "/work" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact Info", items: [
|
||||
{ label: "Email: info@webdesigntech360.com", href: "mailto:info@webdesigntech360.com" },
|
||||
{ label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
|
||||
{ label: "Address: 123 Digital Drive, Innovation City, CA 90210", href: "#" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -60,61 +34,55 @@ export default function WorkPage() {
|
||||
brandName="Studio"
|
||||
button={{ text: "Get in Touch", href: "/contact" }}
|
||||
/>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
title="Our Award-Winning Portfolio"
|
||||
description="Showcasing a selection of our most impactful web design and development projects."
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardTwo
|
||||
title="Our Web Design & Development Portfolio"
|
||||
description="Explore our recent projects that showcase our expertise in creating impactful digital experiences across various industries."
|
||||
tag="Our Work"
|
||||
tagIcon={Sparkles}
|
||||
tagIcon={Briefcase}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
uniformGridCustomHeightClasses="min-h-[300px] lg:min-h-[400px]"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "ecommerce", name: "NextGen E-commerce Platform", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio1.webp", imageAlt: "NextGen E-commerce Platform"},
|
||||
{
|
||||
id: "learning-hub", name: "Interactive Learning Hub", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio2.webp", imageAlt: "Interactive Learning Hub"},
|
||||
{
|
||||
id: "rebranding-site", name: "Corporate Rebranding Site", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio3.webp", imageAlt: "Corporate Rebranding Site"},
|
||||
{
|
||||
id: "business-directory", name: "Local Business Directory", price: "View Case Study", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/portfolio/portfolio4.webp", imageAlt: "Local Business Directory"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Clients Say"
|
||||
description="Hear from happy clients who experienced the Tech360 difference."
|
||||
tag="Client Stories"
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "client-a", name: "CEO, Retail Innovations", handle: "", testimonial: "Tech360 transformed our online presence. The new e-commerce platform is visually stunning and incredibly efficient, leading to a significant increase in sales.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=2", imageAlt: "Client A Avatar"
|
||||
id: "1", name: "Innovate Solutions", category: "Web Design, Development", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero1.webp", imageAlt: "Modern Business Website"
|
||||
},
|
||||
{
|
||||
id: "client-b", name: "Director of Education, Global Learning Institute", handle: "", testimonial: "The interactive learning hub developed by Tech360 is a masterpiece. Our students are more engaged, and the platform's stability is remarkable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=2", imageAlt: "Client B Avatar"
|
||||
id: "2", name: "ShopSphere", category: "E-commerce, UX/UI", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=1", imageAlt: "E-commerce Platform Redesign"
|
||||
},
|
||||
{
|
||||
id: "client-c", name: "Marketing Head, Apex Solutions", handle: "", testimonial: "Our corporate site redesign was seamless. Tech360's design acumen and attention to detail elevated our brand image considerably.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp?_wi=2", imageAlt: "Client C Avatar"
|
||||
id: "3", name: "Global Connect", category: "WordPress Development", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=1", imageAlt: "Corporate WordPress Site"
|
||||
},
|
||||
{
|
||||
id: "4", name: "LaunchPad", category: "Landing Page, SEO", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp?_wi=1", imageAlt: "Startup Landing Page"
|
||||
},
|
||||
{
|
||||
id: "5", name: "DataDash App", category: "Web Application, UI/UX", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp", imageAlt: "Custom Web Application"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Creative Canvas", category: "Portfolio, Responsive Design", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how2.webp", imageAlt: "Portfolio Site for Artist"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
carouselMode="auto"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
bottomLeftText="© 2024 Web Design Tech360. All rights reserved."
|
||||
bottomRightText="Crafted with passion by Tech360"
|
||||
<FooterCard
|
||||
logoText="Studio"
|
||||
copyrightText="© 2025 Studio. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user