Add src/app/work/page.tsx
This commit is contained in:
120
src/app/work/page.tsx
Normal file
120
src/app/work/page.tsx
Normal file
@@ -0,0 +1,120 @@
|
||||
"use client";
|
||||
|
||||
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";
|
||||
|
||||
export default function WorkPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ 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"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
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."
|
||||
tag="Our Work"
|
||||
tagIcon={Sparkles}
|
||||
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", imageAlt: "Client A Avatar"
|
||||
},
|
||||
{
|
||||
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", imageAlt: "Client B Avatar"
|
||||
},
|
||||
{
|
||||
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", imageAlt: "Client C Avatar"
|
||||
}
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user