@promakeai/cli 0.0.5 → 0.1.0

package/template/src/pages/Index.tsx

@@ -1,106 +1,9 @@
-import { Link } from "react-router";
-import { Button } from "@/components/ui/button";
 import { Layout } from "@/components/Layout";
-import { useTranslation } from "react-i18next";
-import { Hero } from "@/components/Hero";
-import { usePageTitle } from "@/hooks/use-page-title";
 
 const Index = () => {
-  const { t } = useTranslation("index");
-  usePageTitle({ title: t("home", "Home") });
-
   return (
     <Layout>
-      {/* Hero Section */}
-      <Hero />
-      {/* About Preview */}
-      <section className="py-20 bg-muted/30">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
-            <div>
-              <h2 className="text-3xl lg:text-4xl font-bold mb-6 text-foreground">
-                {t("mainHeading", "Your Business Title Here")}
-              </h2>
-              <p className="text-lg text-muted-foreground mb-6">
-                {t(
-                  "mainDescription",
-                  "This is where your main business description will appear. AI will customize this content based on your specific industry and services.",
-                )}
-              </p>
-              <div className="space-y-4 mb-8">
-                <div className="flex items-center gap-3">
-                  <div className="w-2 h-2 bg-primary rounded-full"></div>
-                  <span className="text-foreground">
-                    {t("feature1", "Key feature or benefit #1")}
-                  </span>
-                </div>
-                <div className="flex items-center gap-3">
-                  <div className="w-2 h-2 bg-primary rounded-full"></div>
-                  <span className="text-foreground">
-                    {t("feature2", "Key feature or benefit #2")}
-                  </span>
-                </div>
-                <div className="flex items-center gap-3">
-                  <div className="w-2 h-2 bg-primary rounded-full"></div>
-                  <span className="text-foreground">
-                    {t("feature3", "Key feature or benefit #3")}
-                  </span>
-                </div>
-              </div>
-              <div className="flex gap-4">
-                <Button asChild>
-                  <Link to="/about">{t("learnMore", "Learn More")}</Link>
-                </Button>
-                <Button variant="outline" asChild>
-                  <Link to="/contact">{t("getStarted", "Get Started")}</Link>
-                </Button>
-              </div>
-            </div>
-            <div>
-              <div className="aspect-square bg-gradient-to-br from-primary/10 to-primary/5 rounded-2xl overflow-hidden">
-                <img
-                  src="/images/placeholder.png"
-                  alt={t("companyImage", "Business Solutions")}
-                  className="w-full h-full object-cover"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      {/* CTA Section */}
-      <section className="py-20 bg-primary text-primary-foreground">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-          <h2 className="text-3xl lg:text-4xl font-bold mb-6">
-            {t("readyToStart", "Ready to Start Your Project?")}
-          </h2>
-          <p className="text-xl opacity-90 max-w-2xl mx-auto mb-8">
-            {t(
-              "ctaDescription",
-              "Let's discuss your needs and create a solution that drives results for your business.",
-            )}
-          </p>
-          <div className="flex flex-col sm:flex-row gap-4 justify-center">
-            <Button
-              size="lg"
-              variant="secondary"
-              className="px-8 py-4 text-lg"
-              asChild
-            >
-              <Link to="/contact">{t("getFreeQuote", "Get Free Quote")}</Link>
-            </Button>
-            <Button
-              size="lg"
-              variant="outline"
-              className="px-8 py-4 text-lg border-primary-foreground text-primary-foreground bg-transparent hover:bg-primary-foreground hover:text-primary transition-all duration-300"
-              asChild
-            >
-              <Link to="/about">{t("learnAboutUs", "Learn About Us")}</Link>
-            </Button>
-          </div>
-        </div>
-      </section>
+      <div></div>
     </Layout>
   );
 };

package/template/src/components/Footer.tsx

@@ -1,100 +0,0 @@
-import { useMemo } from "react";
-import { Link } from "react-router";
-import { Facebook, Twitter, Instagram, Linkedin } from "lucide-react";
-import constants from "@/constants/constants.json";
-import { useTranslation } from "react-i18next";
-
-const socialIcons: Record<string, React.ElementType> = {
-  facebook: Facebook,
-  twitter: Twitter,
-  instagram: Instagram,
-  linkedin: Linkedin,
-};
-
-export function Footer() {
-  const { t } = useTranslation("footer");
-
-  const socialLinks = useMemo(() => {
-    const socialMedia = constants?.socialMedia as
-      | Record<string, string>
-      | undefined;
-    if (!socialMedia) return [];
-    return Object.entries(socialMedia)
-      .filter(([platform, url]) => url && socialIcons[platform])
-      .map(([platform, url]) => ({
-        platform,
-        url,
-        Icon: socialIcons[platform],
-      }));
-  }, []);
-
-  // Loading state
-  if (!constants) {
-    return (
-      <footer className="bg-muted/30 border-t">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-          <div className="animate-pulse text-center">
-            <div className="h-4 bg-muted rounded w-48 mx-auto"></div>
-          </div>
-        </div>
-      </footer>
-    );
-  }
-
-  return (
-    <footer className="bg-muted/30 border-t">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-        {/* Centered Content */}
-        <div className="text-center space-y-4">
-          {/* Social Media Links */}
-          {socialLinks.length > 0 && (
-            <div className="flex justify-center gap-2">
-              {socialLinks.map(({ platform, url, Icon }) => (
-                <a
-                  key={platform}
-                  href={url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="h-9 w-9 flex items-center justify-center rounded-md text-muted-foreground hover:text-primary hover:bg-accent transition-colors"
-                >
-                  <Icon className="h-4 w-4" />
-                </a>
-              ))}
-            </div>
-          )}
-
-          {/* Copyright */}
-          <div>
-            <p className="text-sm text-muted-foreground">
-              {t("copyright", {
-                siteName: constants?.site?.name,
-              })}
-            </p>
-          </div>
-
-          {/* Legal Links */}
-          <div className="flex flex-wrap justify-center gap-6">
-            <Link
-              to="/privacy"
-              className="text-sm text-muted-foreground hover:text-primary transition-colors"
-            >
-              {t("privacyPolicy", "Privacy")}
-            </Link>
-            <Link
-              to="/terms"
-              className="text-sm text-muted-foreground hover:text-primary transition-colors"
-            >
-              {t("termsOfService", "Terms")}
-            </Link>
-            <Link
-              to="/cookies"
-              className="text-sm text-muted-foreground hover:text-primary transition-colors"
-            >
-              {t("cookiePolicy", "Cookies")}
-            </Link>
-          </div>
-        </div>
-      </div>
-    </footer>
-  );
-}

package/template/src/components/Header.tsx

@@ -1,79 +0,0 @@
-import { useState } from "react";
-import { Link } from "react-router";
-import { Menu } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import {
-  Sheet,
-  SheetHeader,
-  SheetTitle,
-  SheetContent,
-  SheetTrigger,
-} from "@/components/ui/sheet";
-import { Logo } from "@/components/Logo";
-import { useTranslation } from "react-i18next";
-
-export function Header() {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
-  const { t } = useTranslation("header");
-
-  const navigation = [
-    { name: t("home", "Home"), href: "/" },
-    { name: t("about", "About"), href: "/about" },
-    { name: t("contact", "Contact"), href: "/contact" },
-  ];
-
-  return (
-    <header className="sticky top-0 z-50 w-full border-b border-border/20 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div className="flex h-16 sm:h-20 items-center justify-between">
-          {/* Logo */}
-          <div className="flex-shrink-0 min-w-0">
-            <Logo size="sm" className="text-base sm:text-xl lg:text-2xl" />
-          </div>
-
-          {/* Desktop Navigation - Right Aligned */}
-          <nav className="hidden lg:flex items-center space-x-8">
-            {navigation.map((item) => (
-              <Link
-                key={item.name}
-                to={item.href}
-                className="text-base font-medium transition-colors hover:text-primary relative group py-2"
-              >
-                {item.name}
-                <span className="absolute -bottom-1 left-0 w-0 h-0.5 bg-primary transition-all duration-300 group-hover:w-full"></span>
-              </Link>
-            ))}
-          </nav>
-
-          {/* Mobile Menu - Right Aligned */}
-          <div className="lg:hidden flex-shrink-0">
-            <Sheet open={mobileMenuOpen} onOpenChange={setMobileMenuOpen}>
-              <SheetTrigger asChild>
-                <Button variant="ghost" size="icon">
-                  <Menu className="h-5 w-5" />
-                </Button>
-              </SheetTrigger>
-              <SheetContent side="right" className="w-[300px] sm:w-[400px]">
-                <SheetHeader>
-                  <SheetTitle>{t("menu")}</SheetTitle>
-                </SheetHeader>
-                <div className="flex flex-col space-y-4 mt-8">
-                  {navigation.map((item) => (
-                    <Link
-                      key={item.name}
-                      to={item.href}
-                      className="text-lg font-medium hover:text-primary transition-colors"
-                      onClick={() => setMobileMenuOpen(false)}
-                    >
-                      {item.name}
-                    </Link>
-                  ))}
-                </div>
-              </SheetContent>
-            </Sheet>
-          </div>
-        </div>
-      </div>
-    </header>
-  );
-}

package/template/src/components/Hero.tsx

@@ -1,69 +0,0 @@
-import { useTranslation } from "react-i18next";
-import constants from "@/constants/constants.json";
-export function Hero() {
-  const { t } = useTranslation("hero");
-
-  if (!constants) {
-    return (
-      <section className="relative overflow-hidden bg-gradient-to-br from-background via-muted/20 to-background">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-24 relative">
-          <div className="text-center space-y-8">
-            <div className="animate-pulse">
-              <div className="h-16 bg-muted rounded w-96 mx-auto mb-4"></div>
-              <div className="h-6 bg-muted rounded w-64 mx-auto mb-8"></div>
-              <div className="h-12 bg-muted rounded w-32 mx-auto"></div>
-            </div>
-          </div>
-        </div>
-      </section>
-    );
-  }
-
-  return (
-    <section className="relative min-h-[60vh] flex items-center overflow-hidden bg-gradient-to-br from-background via-muted/10 to-background">
-      {/* Background Image */}
-      <div className="absolute inset-0">
-        {/* Background image will be placed here */}
-        <img
-          src="/images/hero-bg.jpg"
-          alt="Hero Background"
-          className="w-full h-full object-cover"
-          onError={(e) => {
-            // Hide broken image and keep gradient background
-            e.currentTarget.style.display = "none";
-          }}
-        />
-
-        {/* Dark overlay for text readability */}
-        <div className="absolute inset-0 bg-gradient-to-r from-black/60 via-black/30 to-transparent"></div>
-
-        {/* Fallback gradient background */}
-        <div className="absolute inset-0 bg-gradient-to-r from-primary/5 via-transparent to-primary/5"></div>
-      </div>
-
-      {/* Content - Left Aligned with better contrast */}
-      <div className="w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-        <div className="max-w-2xl text-left">
-          {/* Main Headline */}
-          <div className="space-y-6 mb-8">
-            <h1 className="text-4xl md:text-5xl lg:text-6xl font-bold leading-normal text-white drop-shadow-lg pb-1">
-              <span>{t("discover", "Discover")} </span>
-              <span className="bg-gradient-to-r from-primary to-primary/80 bg-clip-text text-transparent">
-                {t("amazing", "Inspiring")}
-              </span>
-              <br />
-              <span>{t("content", "Stories")}</span>
-            </h1>
-
-            <p className="text-xl text-white/90 max-w-lg leading-relaxed drop-shadow-md">
-              {t(
-                "subtitle",
-                "Dive into a world of captivating narratives, expert insights, and thought-provoking content that inspires and educates.",
-              )}
-            </p>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-}