[V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 0 0% 100%; --foreground: 222.2 84% 4.9%; --card: 0 0% 100%; --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; --primary: 221.2 83.2% 53.3%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96%; --secondary-foreground: 222.2 84% 4.9%; --muted: 210 40% 96%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 210 40% 96%; --accent-foreground: 222.2 84% 4.9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; --ring: 221.2 83.2% 53.3%; --radius: 0.75rem; } .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217.2 91.2% 59.8%; --primary-foreground: 222.2 84% 4.9%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 224.3 76.3% 94.1%; } } @layer base { * { @apply border-border; } body { @apply bg-background text-foreground; } } html { scroll-behavior: smooth; } /* Custom animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-fadeInUp { animation: fadeInUp 0.6s ease-out; } /* Gradient text animation */ @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .animate-gradient { background-size: 200% 200%; animation: gradient 3s ease infinite; } [V0_FILE]typescriptreact:file="tailwind.config.ts" isMerged="true" import type { Config } from "tailwindcss" const config: Config = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], prefix: "", theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: "0" }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } satisfies Config export default config [V0_FILE]png:file="public/logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-VSKuurBxkSnco7BTWLFyW3xGy5SR4z.png" [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import Image from "next/image" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { Textarea } from "@/components/ui/textarea" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { ArrowRight, Bot, ShoppingCart, TrendingUp, Users, Zap, Star, CheckCircle, MessageSquare, BarChart3, Target, Rocket, Shield, Clock, Award, ChevronLeft, ChevronRight, Moon, Sun, Menu, X, } from "lucide-react" export default function ParateurPortfolio() { const [currentTestimonial, setCurrentTestimonial] = useState(0) const [darkMode, setDarkMode] = useState(false) const [mobileMenuOpen, setMobileMenuOpen] = useState(false) const testimonials = [ { name: "Adrian G.", role: "Founder", company: "SkincareBloom", image: "/placeholder.svg?height=60&width=60", quote: "Parateur's bot got me over 500 qualified leads in 3 days — without running ads. Game changer!", rating: 5, }, { name: "Fatima K.", role: "Store Owner", company: "Shopify Store", image: "/placeholder.svg?height=60&width=60", quote: "I launched my Shopify store with zero traffic. After Parateur's help, I had my first 10 sales within a week.", rating: 5, }, { name: "Jay M.", role: "Web3 Marketer", company: "CryptoLaunch", image: "/placeholder.svg?height=60&width=60", quote: "The Twitter bot helped our project stay top-of-mind during mint week. Engaged, fast, and human-like.", rating: 5, }, { name: "Sarah Chen", role: "E-commerce Director", company: "TechGear Pro", image: "/placeholder.svg?height=60&width=60", quote: "Revenue increased 340% in 2 months. Their automation strategies are next level.", rating: 5, }, ] const caseStudies = [ { title: "E-commerce Store Transformation", category: "Shopify Growth", image: "/placeholder.svg?height=300&width=400", results: "+340% Revenue Growth", description: "Complete store redesign and marketing automation implementation", }, { title: "Instagram DM Bot Campaign", category: "Social Media Automation", image: "/placeholder.svg?height=300&width=400", results: "500+ Qualified Leads", description: "Automated lead generation system for skincare brand", }, { title: "Web3 Twitter Engagement Bot", category: "Web3 Automation", image: "/placeholder.svg?height=300&width=400", results: "10x Engagement Rate", description: "Custom bot for NFT project community building", }, ] useEffect(() => { const timer = setInterval(() => { setCurrentTestimonial((prev) => (prev + 1) % testimonials.length) }, 5000) return () => clearInterval(timer) }, [testimonials.length]) useEffect(() => { if (darkMode) { document.documentElement.classList.add("dark") } else { document.documentElement.classList.remove("dark") } }, [darkMode]) return (

{/* Navigation */}

Parateur

{/* Desktop Navigation */}

Home About Services Portfolio Testimonials

{/* Mobile Menu Button */}

{/* Mobile Menu */} {mobileMenuOpen && (

Home About Services Portfolio Testimonials

)}

{/* Hero Section */}

200+ Businesses Helped

Scale Your{" "} Shopify Store {" "} & Automate Growth

We help e-commerce brands and startups achieve explosive growth through proven Shopify marketing strategies and cutting-edge automation bots. Results-first approach, no time wasted.

500+

Leads Generated

340%

Avg Revenue Growth

48h

Setup Time

{/* About Section */}

200+

Success Stories

About Parateur

Results-First Team That Delivers

We're a specialized team focused on two things: scaling Shopify stores and building intelligent automation bots. With over 200 successful projects, we've mastered the art of turning traffic into revenue and manual tasks into automated systems.

Our Approach:

Results-First Strategy

We test, measure, and optimize before scaling

Client-Focused Solutions

Custom strategies tailored to your business goals

Rapid Implementation

Get results within 48 hours, not weeks

{/* Services Section */}

Our Services

Two Specialized Solutions

We focus on what we do best: growing Shopify stores and building intelligent automation systems

{/* Shopify Services */}

Shopify Growth & Marketing Complete e-commerce growth solutions for ambitious store owners

Store Audits & Optimization

Ads & Conversion Strategy

Funnel & Email Automation

Post-Launch Scaling Plans

{/* Bot Services */}

Social Media & Web Bot Development Intelligent automation systems that work 24/7 for your business

Instagram & TikTok DM Bots

Web3 Twitter Engagement Bots

Auto-Comment & Engagement Systems

Custom Bots for Startups & Creators

{/* Portfolio Section */}

Portfolio

Success Stories & Case Studies

Real results from real clients. See how we've transformed businesses across different industries.

{caseStudies.map((study, index) => (

{study.category}

{study.results}

{study.title}

{study.description}

))}

{/* Testimonials Section */}

Client Success

What Our Clients Say

Don't just take our word for it. Here's what business owners say about working with Parateur.

{[...Array(testimonials[currentTestimonial].rating)].map((_, i) => ( ))}

"{testimonials[currentTestimonial].quote}"

{testimonials[currentTestimonial].name .split(" ") .map((n) => n[0]) .join("")}

{testimonials[currentTestimonial].name}

{testimonials[currentTestimonial].role} @ {testimonials[currentTestimonial].company}

{/* Navigation Buttons */} {/* Dots Indicator */}

{testimonials.map((_, index) => (

{/* Contact Section */}

Ready to Scale Your Business?

Get a free strategy call and discover how we can 10x your results in the next 30 days. No commitments, just actionable insights.

Free 30-minute strategy session

No-risk consultation

Get results within 48 hours

Prefer instant messaging?

Get Your Free Strategy Call Tell us about your business and we'll show you exactly how to scale it

<Button className="w-full h-12 bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-lg">
                    Book Free Strategy Call
                    <ArrowRight className="ml-2 w-5 h-5" />
                  </Button>
                </form>
              </CardContent>
            </Card>
          </div>
        </div>
      </section>

{/* Footer */}
      <footer className="py-12 px-4 bg-slate-900 text-white">
        <div className="container mx-auto">
          <div className="grid md:grid-cols-4 gap-8">
            <div className="space-y-4">
              <div className="flex items-center space-x-2">
                <Image src="/logo.png" alt="Parateur Logo" width={32} height={32} className="rounded-lg" />
                <span className="text-2xl font-bold">Parateur</span>
              </div>
              <p className="text-slate-400">
                Scaling e-commerce stores and building intelligent automation systems for ambitious businesses.
              </p>
            </div>

<div>
              <h4 className="font-semibold mb-4">Services</h4>
              <div className="space-y-2 text-slate-400">
                <div>Shopify Growth</div>
                <div>Bot Development</div>
                <div>Store Audits</div>
                <div>Marketing Automation</div>
              </div>
            </div>

<div>
              <h4 className="font-semibold mb-4">Company</h4>
              <div className="space-y-2 text-slate-400">
                <div>About Us</div>
                <div>Case Studies</div>
                <div>Testimonials</div>
                <div>Contact</div>
              </div>
            </div>

<div>
              <h4 className="font-semibold mb-4">Connect</h4>
              <div className="space-y-2 text-slate-400">
                <div>WhatsApp</div>
                <div>Telegram</div>
                <div>Email</div>
                <div>LinkedIn</div>
              </div>
            </div>
          </div>

<div className="border-t border-slate-800 mt-8 pt-8 text-center text-slate-400">
            <p>© 2024 Parateur. All rights reserved. Built for results, designed for growth.</p>
          </div>
        </div>
      </footer>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true"
import type React from "react"
import type { Metadata } from "next"
import { Inter } from "next/font/google"
import "./globals.css"

const inter = Inter({ subsets: ["latin"] })

export const metadata: Metadata = {
  title: "Parateur - Scale Your Shopify Store & Automate Growth",
  description:
    "Professional Shopify marketing and social media bot development. We help e-commerce brands achieve explosive growth through proven strategies and cutting-edge automation. 200+ businesses helped.",
  keywords:
    "Shopify marketing, e-commerce growth, social media bots, Instagram DM bots, TikTok automation, Web3 Twitter bots, store optimization, conversion strategy",
  icons: {
    icon: "/logo.png",
    shortcut: "/logo.png",
    apple: "/logo.png",
  },
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className={inter.className}>{children}</body>
    </html>
  )
}</article></body></html>