removed seezuns
This commit is contained in:
aryabenade
@@ -32,7 +32,7 @@ import { Input } from "../components/ui/input";
|
||||
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../components/ui/select";
|
||||
import ambleCase from "../src/images/amble-case.webp";
|
||||
import ranoutofCase from "../src/images/ranoutof-case.webp";
|
||||
import seezunCase from "../src/images/seezun-case.webp";
|
||||
// import seezunCase from "../src/images/seezun-case.webp";
|
||||
import tcCase from "../src/images/tc-case.webp";
|
||||
import wokaCase from "../src/images/woka-case.webp";
|
||||
import gtCase from "../src/images/gt-case.webp";
|
||||
@@ -59,16 +59,16 @@ const caseStudies = [
|
||||
link: "/projects/ranoutof",
|
||||
icon: Package
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Seezun",
|
||||
image: seezunCase,
|
||||
category: "E-commerce",
|
||||
industry: "Retail",
|
||||
featured: true,
|
||||
link: "/projects/seezun",
|
||||
icon: ShoppingCart
|
||||
},
|
||||
// {
|
||||
// id: 2,
|
||||
// title: "Seezun",
|
||||
// image: seezunCase,
|
||||
// category: "E-commerce",
|
||||
// industry: "Retail",
|
||||
// featured: true,
|
||||
// link: "/projects/seezun",
|
||||
// icon: ShoppingCart
|
||||
// },
|
||||
{
|
||||
id: 3,
|
||||
title: "Woka",
|
||||
@@ -234,7 +234,7 @@ export const CaseStudies = () => {
|
||||
const navigate = useNavigate();
|
||||
|
||||
return (
|
||||
<div className="dark min-h-screen bg-background">
|
||||
<div className="min-h-screen dark bg-background">
|
||||
{/* <Navigation /> */}
|
||||
|
||||
{/* Hero Section */}
|
||||
@@ -292,17 +292,17 @@ export const CaseStudies = () => {
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="relative container mx-auto px-6 lg:px-8"
|
||||
className="container relative px-6 mx-auto lg:px-8"
|
||||
>
|
||||
<div className="max-w-4xl mx-auto text-center">
|
||||
<Badge variant="outline" className="mb-6 border-accent/20 text-accent">
|
||||
Our Success Stories
|
||||
</Badge>
|
||||
<h1 className="text-4xl md:text-6xl lg:text-7xl font-semibold leading-tight mb-6">
|
||||
<h1 className="mb-6 text-4xl font-semibold leading-tight md:text-6xl lg:text-7xl">
|
||||
<span className="text-white">Portfolios That </span>
|
||||
<span className="text-accent">Define Excellence</span>
|
||||
</h1>
|
||||
<p className="text-xl text-gray-300 leading-relaxed max-w-3xl mx-auto">
|
||||
<p className="max-w-3xl mx-auto text-xl leading-relaxed text-gray-300">
|
||||
Explore our portfolio of award-winning projects that have transformed businesses and delighted millions of users across diverse industries.
|
||||
</p>
|
||||
</div>
|
||||
@@ -310,18 +310,18 @@ export const CaseStudies = () => {
|
||||
</section>
|
||||
|
||||
{/* Filters Section */}
|
||||
<section className="py-12 bg-background border-b border-white/10">
|
||||
<div className="container mx-auto px-6 lg:px-8">
|
||||
<section className="py-12 border-b bg-background border-white/10">
|
||||
<div className="container px-6 mx-auto lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: 0.2 }}
|
||||
className="max-w-6xl mx-auto"
|
||||
>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 items-end">
|
||||
<div className="grid items-end grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
|
||||
{/* Search */}
|
||||
<div className="relative">
|
||||
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" />
|
||||
<Search className="absolute w-4 h-4 transform -translate-y-1/2 left-3 top-1/2 text-muted-foreground" />
|
||||
<Input
|
||||
placeholder="Search portfolios..."
|
||||
value={searchTerm}
|
||||
@@ -381,9 +381,9 @@ export const CaseStudies = () => {
|
||||
|
||||
{/* Case Studies Grid */}
|
||||
<section className="py-20 bg-background">
|
||||
<div className="container mx-auto px-6 lg:px-8">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div className="container px-6 mx-auto lg:px-8">
|
||||
<div className="mx-auto max-w-7xl">
|
||||
<div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
|
||||
{filteredCaseStudies.map((study, index) => {
|
||||
const IconComponent = study.icon;
|
||||
return (
|
||||
@@ -394,28 +394,28 @@ export const CaseStudies = () => {
|
||||
transition={{ duration: 0.6, delay: index * 0.01 }}
|
||||
viewport={{ once: true }}
|
||||
whileHover={{ y: -8, scale: 1.02 }}
|
||||
className="group cursor-pointer"
|
||||
className="cursor-pointer group"
|
||||
onClick={() => navigate(study.link)}
|
||||
>
|
||||
<Card className="bg-card/50 backdrop-blur-md border-white/10 hover:border-accent/30 transition-all duration-500 shadow-lg hover:shadow-2xl hover:shadow-accent/10 rounded-2xl overflow-hidden h-full"
|
||||
<Card className="h-full overflow-hidden transition-all duration-500 shadow-lg bg-card/50 backdrop-blur-md border-white/10 hover:border-accent/30 hover:shadow-2xl hover:shadow-accent/10 rounded-2xl"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
navigate(study.link);
|
||||
}}
|
||||
>
|
||||
<CardContent className="CardContentOverride p-0 pb-0 h-full">
|
||||
<CardContent className="h-full p-0 pb-0 CardContentOverride">
|
||||
{/* Image Header */}
|
||||
<div className="relative overflow-hidden">
|
||||
<ImageWithFallback
|
||||
src={study.image}
|
||||
alt={study.title}
|
||||
className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110"
|
||||
className="object-cover w-full h-full transition-transform duration-500 group-hover:scale-110"
|
||||
/>
|
||||
<div className="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent" />
|
||||
|
||||
{/* Category Badge */}
|
||||
<div className="absolute top-2 left-4">
|
||||
<Badge className="bg-accent/90 text-white border-0">
|
||||
<Badge className="text-white border-0 bg-accent/90">
|
||||
{study.category}
|
||||
</Badge>
|
||||
</div>
|
||||
@@ -423,7 +423,7 @@ export const CaseStudies = () => {
|
||||
{/* Featured Badge */}
|
||||
{study.featured && (
|
||||
<div className="absolute top-2 right-4">
|
||||
<div className="bg-amber-500/90 text-white px-3 py-1 rounded-full text-xs font-medium flex items-center gap-1">
|
||||
<div className="flex items-center gap-1 px-3 py-1 text-xs font-medium text-white rounded-full bg-amber-500/90">
|
||||
<Star className="w-3 h-3 fill-current" />
|
||||
Featured
|
||||
</div>
|
||||
@@ -432,7 +432,7 @@ export const CaseStudies = () => {
|
||||
|
||||
{/* Icon Overlay */}
|
||||
<div className="absolute bottom-4 left-4">
|
||||
<div className="w-12 h-12 bg-white/20 backdrop-blur-md rounded-full flex items-center justify-center">
|
||||
<div className="flex items-center justify-center w-12 h-12 rounded-full bg-white/20 backdrop-blur-md">
|
||||
<IconComponent className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -449,24 +449,24 @@ export const CaseStudies = () => {
|
||||
|
||||
{/* CTA Section */}
|
||||
<section className="py-20 bg-black">
|
||||
<div className="container mx-auto px-6 lg:px-8">
|
||||
<div className="container px-6 mx-auto lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
viewport={{ once: true }}
|
||||
className="text-center max-w-4xl mx-auto"
|
||||
className="max-w-4xl mx-auto text-center"
|
||||
>
|
||||
<h2 className="text-3xl lg:text-4xl font-semibold text-white mb-6">
|
||||
<h2 className="mb-6 text-3xl font-semibold text-white lg:text-4xl">
|
||||
Ready to Create Your Own Success Story?
|
||||
</h2>
|
||||
<p className="text-xl text-gray-300 leading-relaxed mb-8">
|
||||
<p className="mb-8 text-xl leading-relaxed text-gray-300">
|
||||
Join the ranks of industry leaders who have transformed their businesses with our innovative solutions.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<div className="flex flex-col justify-center gap-4 sm:flex-row">
|
||||
<Button
|
||||
size="lg"
|
||||
className="bg-accent hover:bg-accent/90 text-white"
|
||||
className="text-white bg-accent hover:bg-accent/90"
|
||||
onClick={() => navigate("/start-a-project")}
|
||||
>
|
||||
Start Your Project
|
||||
|
||||
Reference in New Issue
Block a user