diff --git a/index.html b/index.html index 3b65445..21e1ca6 100644 --- a/index.html +++ b/index.html @@ -3,18 +3,39 @@ - clarity-crafted-site - - + Corpus Christi CPA | Greg Knopp, P.C. – Tax & Business Advisory + + + + + - - + + - - - + + + + + diff --git a/public/lovable-uploads/1260e5db-df42-4f32-89c2-eecc054d669d.png b/public/lovable-uploads/1260e5db-df42-4f32-89c2-eecc054d669d.png new file mode 100644 index 0000000..8b84f30 Binary files /dev/null and b/public/lovable-uploads/1260e5db-df42-4f32-89c2-eecc054d669d.png differ diff --git a/public/lovable-uploads/1a07e78f-6231-4fe2-af77-441f6a6ead7a.png b/public/lovable-uploads/1a07e78f-6231-4fe2-af77-441f6a6ead7a.png new file mode 100644 index 0000000..643c454 Binary files /dev/null and b/public/lovable-uploads/1a07e78f-6231-4fe2-af77-441f6a6ead7a.png differ diff --git a/public/lovable-uploads/741d6934-b230-43fb-9aac-a2699bba0915.png b/public/lovable-uploads/741d6934-b230-43fb-9aac-a2699bba0915.png new file mode 100644 index 0000000..f641433 Binary files /dev/null and b/public/lovable-uploads/741d6934-b230-43fb-9aac-a2699bba0915.png differ diff --git a/public/lovable-uploads/bea5e6b1-7510-4876-955e-a265f2600ec5.png b/public/lovable-uploads/bea5e6b1-7510-4876-955e-a265f2600ec5.png new file mode 100644 index 0000000..b48bd88 Binary files /dev/null and b/public/lovable-uploads/bea5e6b1-7510-4876-955e-a265f2600ec5.png differ diff --git a/public/lovable-uploads/f8f08a1a-0132-4376-af8a-c5bb86f0627e.png b/public/lovable-uploads/f8f08a1a-0132-4376-af8a-c5bb86f0627e.png new file mode 100644 index 0000000..95a0f2c Binary files /dev/null and b/public/lovable-uploads/f8f08a1a-0132-4376-af8a-c5bb86f0627e.png differ diff --git a/src/App.tsx b/src/App.tsx index 18daf2e..27a14b9 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -4,6 +4,11 @@ import { TooltipProvider } from "@/components/ui/tooltip"; import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Index from "./pages/Index"; +import About from "./pages/About"; +import ServicesPage from "./pages/ServicesPage"; +import Resources from "./pages/Resources"; +import TestimonialsPage from "./pages/TestimonialsPage"; +import Contact from "./pages/Contact"; import NotFound from "./pages/NotFound"; const queryClient = new QueryClient(); @@ -16,6 +21,11 @@ const App = () => ( } /> + } /> + } /> + } /> + } /> + } /> {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */} } /> diff --git a/src/components/CtaSection.tsx b/src/components/CtaSection.tsx new file mode 100644 index 0000000..e42842e --- /dev/null +++ b/src/components/CtaSection.tsx @@ -0,0 +1,47 @@ +import { Button } from "@/components/ui/button"; +import { ArrowRight, Phone } from "lucide-react"; + +const CtaSection = () => { + return ( +
+
+
+

+ Ready to get started? +

+ +

+ Schedule your free consultation today and discover how we can bring clarity to your financial picture. +

+ +
+ + + +
+ +

+ Same-day response for urgent IRS matters +

+
+
+
+ ); +}; + +export default CtaSection; \ No newline at end of file diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx new file mode 100644 index 0000000..631aa92 --- /dev/null +++ b/src/components/Footer.tsx @@ -0,0 +1,89 @@ +import { MapPin, Phone, Mail, Clock } from "lucide-react"; + +const Footer = () => { + const currentYear = new Date().getFullYear(); + + return ( + + ); +}; + +export default Footer; \ No newline at end of file diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx new file mode 100644 index 0000000..bf32469 --- /dev/null +++ b/src/components/Hero.tsx @@ -0,0 +1,73 @@ +import { Button } from "@/components/ui/button"; +import { CheckCircle2, Phone, ArrowRight } from "lucide-react"; + +const Hero = () => { + return ( +
+ {/* Overlay */} +
+ + {/* Content */} +
+

+ Trusted CPA Services in Corpus Christi, TX +

+ +

+ From tax planning to business advisory, we provide discreet, tailored guidance for long-term financial confidence. +

+ + {/* CTAs */} +
+ + +
+ + {/* Trust Badges */} +
+
+ + 20+ Years Experience +
+
+ + 500+ Clients +
+
+ + IRS Representation +
+
+ + {/* Microcopy */} +

+ No obligation • Same-day response • Confidential +

+
+
+ ); +}; + +export default Hero; \ No newline at end of file diff --git a/src/components/LeadMagnet.tsx b/src/components/LeadMagnet.tsx new file mode 100644 index 0000000..82bb50a --- /dev/null +++ b/src/components/LeadMagnet.tsx @@ -0,0 +1,40 @@ +import { Button } from "@/components/ui/button"; +import { Download } from "lucide-react"; + +const LeadMagnet = () => { + return ( +
+
+
+
+
+ +
+ +

+ Download the 2025 Tax Prep Checklist +

+ +

+ Get organized early with our comprehensive checklist covering all essential documents and deadlines for the upcoming tax season. +

+ + + +

+ Free download • No spam • Unsubscribe anytime +

+
+
+
+
+ ); +}; + +export default LeadMagnet; \ No newline at end of file diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx new file mode 100644 index 0000000..4ade221 --- /dev/null +++ b/src/components/Navigation.tsx @@ -0,0 +1,110 @@ +import { useState } from "react"; +import { Button } from "@/components/ui/button"; +import { Menu, X, Phone } from "lucide-react"; + +const Navigation = () => { + const [isOpen, setIsOpen] = useState(false); + + const navItems = [ + { name: "Home", href: "/" }, + { name: "About", href: "/about" }, + { name: "Services", href: "/services" }, + { name: "Resources", href: "/resources" }, + { name: "Testimonials", href: "/testimonials" }, + { name: "Contact", href: "/contact" }, + ]; + + return ( + + ); +}; + +export default Navigation; \ No newline at end of file diff --git a/src/components/Services.tsx b/src/components/Services.tsx new file mode 100644 index 0000000..27a17b9 --- /dev/null +++ b/src/components/Services.tsx @@ -0,0 +1,96 @@ +import { ArrowRight, Calculator, FileText, Users, Shield, Building } from "lucide-react"; +import { Card, CardContent } from "@/components/ui/card"; + +const Services = () => { + const services = [ + { + icon: FileText, + title: "Tax Preparation & Planning", + description: "Maximize deductions with proactive quarterly planning and audit-ready documentation.", + image: "/lovable-uploads/741d6934-b230-43fb-9aac-a2699bba0915.png", + alt: "Abstract illustration of IRS documents and magnifier" + }, + { + icon: Calculator, + title: "Accounting & Bookkeeping", + description: "Monthly books, financial statements, and cash-flow management for clear business insights.", + image: "/lovable-uploads/1260e5db-df42-4f32-89c2-eecc054d669d.png", + alt: "Abstract financial charts and calculator" + }, + { + icon: Users, + title: "Payroll Solutions", + description: "Full compliance, filings, and benefits coordination to keep your team paid accurately.", + image: null, + alt: null + }, + { + icon: Shield, + title: "IRS Representation", + description: "Expert audit defense, penalty negotiations, and payment plan arrangements.", + image: "/lovable-uploads/741d6934-b230-43fb-9aac-a2699bba0915.png", + alt: "Abstract illustration of IRS documents and magnifier" + }, + { + icon: Building, + title: "Business Consulting & Formation", + description: "Entity selection, business valuation partners, and operating agreement guidance.", + image: null, + alt: null + } + ]; + + return ( +
+
+
+

+ Our CPA Services +

+

+ Comprehensive financial solutions tailored to your business and personal needs +

+
+ +
+ {services.map((service, index) => { + const Icon = service.icon; + return ( + + {service.image && ( +
+ {service.alt +
+ )} + +
+ +
+ +

+ {service.title} +

+ +

+ {service.description} +

+ +
+ Learn more + +
+
+
+ ); + })} +
+
+
+ ); +}; + +export default Services; \ No newline at end of file diff --git a/src/components/Testimonials.tsx b/src/components/Testimonials.tsx new file mode 100644 index 0000000..91c6b07 --- /dev/null +++ b/src/components/Testimonials.tsx @@ -0,0 +1,72 @@ +import { Card, CardContent } from "@/components/ui/card"; +import { Star } from "lucide-react"; + +const Testimonials = () => { + const testimonials = [ + { + quote: "Greg's expertise saved us thousands during our audit. His calm approach and deep knowledge gave us complete confidence throughout the process.", + initials: "M.R.", + role: "Small Business Owner" + }, + { + quote: "Twenty years of working with Greg, and he still finds new ways to optimize our tax strategy. Truly a partner in our business success.", + initials: "D.S.", + role: "Real Estate Developer" + }, + { + quote: "Professional, responsive, and incredibly thorough. Greg handles our family's complex tax situation with expertise we trust completely.", + initials: "L.T.", + role: "Family Client" + } + ]; + + return ( +
+
+
+

+ What Clients Say +

+

+ Trusted by Corpus Christi families and businesses for over two decades +

+
+ +
+ {testimonials.map((testimonial, index) => ( + + + {/* Stars */} +
+ {[...Array(5)].map((_, i) => ( + + ))} +
+ + {/* Quote */} +
+ "{testimonial.quote}" +
+ + {/* Attribution */} +
+
+ + {testimonial.initials} + +
+
+
{testimonial.initials}
+
{testimonial.role}
+
+
+
+
+ ))} +
+
+
+ ); +}; + +export default Testimonials; \ No newline at end of file diff --git a/src/components/WhyChooseUs.tsx b/src/components/WhyChooseUs.tsx new file mode 100644 index 0000000..7b9a6c1 --- /dev/null +++ b/src/components/WhyChooseUs.tsx @@ -0,0 +1,70 @@ +import { Award, Users, Briefcase } from "lucide-react"; + +const WhyChooseUs = () => { + const pillars = [ + { + icon: Award, + title: "Proven Expertise", + description: "Two decades of CPA experience with deep knowledge of Texas tax law and federal regulations." + }, + { + icon: Users, + title: "Personalized Service", + description: "Every client receives direct access to Greg Knopp with customized strategies for their unique situation." + }, + { + icon: Briefcase, + title: "Comprehensive Solutions", + description: "From tax prep to business formation, we handle all aspects of your financial and accounting needs." + } + ]; + + return ( +
+
+
+ {/* Image */} +
+ Professional desk details in warm tones +
+ + {/* Content */} +
+

+ Why Choose Greg Knopp, P.C.? +

+ +
+ {pillars.map((pillar, index) => { + const Icon = pillar.icon; + return ( +
+
+
+ +
+
+
+

+ {pillar.title} +

+

+ {pillar.description} +

+
+
+ ); + })} +
+
+
+
+
+ ); +}; + +export default WhyChooseUs; \ No newline at end of file diff --git a/src/index.css b/src/index.css index 4844bbd..b66cd35 100644 --- a/src/index.css +++ b/src/index.css @@ -8,51 +8,56 @@ All colors MUST be HSL. @layer base { :root { - --background: 0 0% 100%; - --foreground: 222.2 84% 4.9%; + /* Greg Knopp CPA Brand Colors - Armonia-inspired soft earth tones */ + --background: 42 28% 96%; /* Cream/Warm Sand #F6F3EA */ + --foreground: 180 7% 5%; /* Ink #0E1111 */ - --card: 0 0% 100%; - --card-foreground: 222.2 84% 4.9%; + --card: 42 28% 98%; /* Slightly lighter cream for cards */ + --card-foreground: 180 7% 5%; - --popover: 0 0% 100%; - --popover-foreground: 222.2 84% 4.9%; + --popover: 42 28% 98%; + --popover-foreground: 180 7% 5%; - --primary: 222.2 47.4% 11.2%; - --primary-foreground: 210 40% 98%; + --primary: 150 28% 18%; /* Deep Forest Green #1C3A2E */ + --primary-foreground: 42 28% 96%; - --secondary: 210 40% 96.1%; - --secondary-foreground: 222.2 47.4% 11.2%; + --secondary: 150 8% 55%; /* Sage #7E8F87 */ + --secondary-foreground: 180 7% 5%; - --muted: 210 40% 96.1%; - --muted-foreground: 215.4 16.3% 46.9%; + --muted: 150 8% 90%; /* Very light sage for muted backgrounds */ + --muted-foreground: 150 8% 45%; - --accent: 210 40% 96.1%; - --accent-foreground: 222.2 47.4% 11.2%; + --accent: 40 35% 60%; /* Brass/Gold Accent #C8A96A */ + --accent-foreground: 180 7% 5%; --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 40% 98%; + --destructive-foreground: 42 28% 96%; - --border: 214.3 31.8% 91.4%; - --input: 214.3 31.8% 91.4%; - --ring: 222.2 84% 4.9%; + --border: 150 8% 85%; /* Soft sage border */ + --input: 150 8% 90%; + --ring: 150 28% 18%; - --radius: 0.5rem; + --radius: 1.5rem; /* 24px rounded corners - Armonia style */ - --sidebar-background: 0 0% 98%; - - --sidebar-foreground: 240 5.3% 26.1%; - - --sidebar-primary: 240 5.9% 10%; - - --sidebar-primary-foreground: 0 0% 98%; - - --sidebar-accent: 240 4.8% 95.9%; - - --sidebar-accent-foreground: 240 5.9% 10%; - - --sidebar-border: 220 13% 91%; - - --sidebar-ring: 217.2 91.2% 59.8%; + /* Custom Brand Variables */ + --cream: 42 28% 96%; /* #F6F3EA */ + --forest: 150 28% 18%; /* #1C3A2E */ + --sage: 150 8% 55%; /* #7E8F87 */ + --brass: 40 35% 60%; /* #C8A96A */ + --ink: 180 7% 5%; /* #0E1111 */ + + /* Gradients */ + --gradient-hero: linear-gradient(135deg, hsl(var(--forest) / 0.8), hsl(var(--forest) / 0.6)); + --gradient-subtle: linear-gradient(180deg, hsl(var(--background)), hsl(var(--muted))); + + /* Shadows - Soft, low elevation */ + --shadow-card: 0 2px 8px hsl(var(--forest) / 0.05); + --shadow-hover: 0 4px 12px hsl(var(--forest) / 0.08); + --shadow-button: 0 1px 3px hsl(var(--forest) / 0.1); + + /* Transitions - Gentle, Armonia-style */ + --transition-gentle: all 200ms cubic-bezier(0.4, 0, 0.2, 1); + --transition-smooth: all 250ms cubic-bezier(0.4, 0, 0.2, 1); } .dark { @@ -100,6 +105,68 @@ All colors MUST be HSL. } body { - @apply bg-background text-foreground; + @apply bg-background text-foreground font-body; + } + + h1, h2, h3, h4, h5, h6 { + @apply font-display; + } +} + +@layer components { + /* Armonia-inspired utilities */ + .hero-overlay { + background: var(--gradient-hero); + } + + .card-elevation { + box-shadow: var(--shadow-card); + transition: var(--transition-gentle); + } + + .card-elevation:hover { + box-shadow: var(--shadow-hover); + transform: translateY(-1px); + } + + .btn-shadow { + box-shadow: var(--shadow-button); + } + + .gentle-transition { + transition: var(--transition-gentle); + } + + .smooth-transition { + transition: var(--transition-smooth); + } + + .bg-gradient-hero { + background: var(--gradient-hero); + } + + .bg-gradient-subtle { + background: var(--gradient-subtle); + } + + /* Typography scales */ + .text-display-xl { + font-size: 4rem; /* 64px */ + line-height: 4.5rem; /* 72px */ + } + + .text-display-lg { + font-size: 2.5rem; /* 40px */ + line-height: 3rem; /* 48px */ + } + + .text-display-md { + font-size: 1.75rem; /* 28px */ + line-height: 2.25rem; /* 36px */ + } + + .text-body-lg { + font-size: 1.125rem; /* 18px */ + line-height: 1.75rem; /* 28px */ } } diff --git a/src/pages/About.tsx b/src/pages/About.tsx new file mode 100644 index 0000000..2bd4787 --- /dev/null +++ b/src/pages/About.tsx @@ -0,0 +1,173 @@ +import Navigation from "@/components/Navigation"; +import Footer from "@/components/Footer"; +import { Award, Users, Shield, CheckCircle2 } from "lucide-react"; + +const About = () => { + const stats = [ + { number: "20+", label: "Years Experience" }, + { number: "500+", label: "Clients Served" }, + { number: "99%", label: "Client Retention" }, + { number: "24hr", label: "Response Time" } + ]; + + const credentials = [ + "Certified Public Accountant (CPA)", + "American Institute of CPAs (AICPA) Member", + "IRS Enrolled Agent", + "Texas State Board of Public Accountancy Licensed", + "QuickBooks ProAdvisor Certified" + ]; + + return ( +
+ +
+ {/* Hero Banner */} +
+
+
+

+ Your Financial Partner Since 2003 +

+

+ Building lasting relationships through trusted expertise, personalized service, and unwavering commitment to your financial success. +

+
+
+ + {/* Story Section */} +
+
+
+
+
+

+ About Greg Knopp, P.C. +

+ +
+

+ For over two decades, Greg Knopp has been the trusted CPA partner for Corpus Christi's families and businesses. What started as a commitment to provide honest, expert financial guidance has grown into a practice built on lasting relationships and proven results. +

+ +

+ Our approach is simple: we believe every client deserves personalized attention, clear communication, and strategies tailored to their unique situation. Whether you're navigating complex tax issues, planning for business growth, or seeking peace of mind with your personal finances, we're here to guide you every step of the way. +

+ +

+ Greg's expertise spans individual and business tax preparation, full-service accounting, payroll management, IRS representation, and strategic business consulting. Our commitment to staying current with ever-changing tax laws and regulations ensures you always receive the most effective and compliant solutions. +

+
+
+ + {/* Stats */} +
+
+

+ By the Numbers +

+
+ {stats.map((stat, index) => ( +
+
+ {stat.number} +
+
+ {stat.label} +
+
+ ))} +
+
+
+
+
+
+
+ + {/* Credentials Section */} +
+
+
+

+ Credentials & Certifications +

+ +
+ {credentials.map((credential, index) => ( +
+ + {credential} +
+ ))} +
+ +

+ Continuous education and professional development ensure we stay at the forefront of tax law, accounting standards, and best practices in financial planning. +

+
+
+
+ + {/* Values Section */} +
+
+
+

+ Our Core Values +

+ +
+
+
+ +
+

+ Integrity +

+

+ Honest, transparent communication and ethical practices in every client interaction. +

+
+ +
+
+ +
+

+ Excellence +

+

+ Meticulous attention to detail and commitment to delivering the highest quality results. +

+
+ +
+
+ +
+

+ Partnership +

+

+ Building long-term relationships based on trust, reliability, and mutual success. +

+
+
+
+
+
+
+
+
+ ); +}; + +export default About; \ No newline at end of file diff --git a/src/pages/Contact.tsx b/src/pages/Contact.tsx new file mode 100644 index 0000000..1fb9431 --- /dev/null +++ b/src/pages/Contact.tsx @@ -0,0 +1,279 @@ +import Navigation from "@/components/Navigation"; +import Footer from "@/components/Footer"; +import { Card, CardContent } from "@/components/ui/card"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import { Label } from "@/components/ui/label"; +import { Textarea } from "@/components/ui/textarea"; +import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"; +import { + MapPin, + Phone, + Mail, + Clock, + AlertTriangle, + MessageSquare, + Calendar +} from "lucide-react"; + +const Contact = () => { + return ( +
+ +
+ {/* Hero Section */} +
+
+

+ Get in Touch +

+

+ Ready to take control of your financial future? Contact us today for a free consultation and discover how we can help you achieve your goals. +

+
+
+ + {/* Contact Form & Info */} +
+
+
+ {/* Contact Form */} +
+

+ Schedule Your Free Consultation +

+ + + +
+
+
+ + +
+
+ + +
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ +