import type { Metadata } from "next";

import { marqueeInkItems, marqueeLimeItems } from "@/data/designshare";
import { Hero } from "@/component/pageComponents/Hero";
import { TrustStrip } from "@/component/pageComponents/TrustStrip";
import { Marquee } from "@/component/common/Marquee";
import { HowItWorks } from "@/component/pageComponents/HowItWorks";
import { Benefits } from "@/component/pageComponents/Benefits";
import { Work } from "@/component/pageComponents/Work";
import { Pricing } from "@/component/pageComponents/Pricing";
import { Testimonials } from "@/component/pageComponents/Testimonials";
import { FAQ } from "@/component/pageComponents/FAQ";
import { FinalCTA } from "@/component/pageComponents/FinalCTA";
import { StickyCTA } from "@/component/pageComponents/StickyCTA";

// ISR: regenerate the page at most once per hour so HTML responses carry
// short cache lifetimes (s-maxage=3600) instead of the static default (1 year).
export const revalidate = 3600;

export const metadata: Metadata = {
  metadataBase: new URL("https://designshare.net"),

  // Root layout template appends " | DesignShare" — keep the brand out of
  // this string or it renders twice (~60 chars total, per SEO audit).
  title: "Unlimited Product Design Subscription — Flat Monthly Fee",

  description:
    "DesignShare is a subscription-based design partner for startups, SaaS, agencies, and growing businesses. Get unlimited UI/UX design, web design, branding, product design, and marketing creatives with fast turnaround and flexible monthly pricing.",

  applicationName: "DesignShare",

  keywords: [
    "DesignShare",
    "UI UX design agency",
    "design subscription",
    "unlimited design service",
    "design as a service",
    "product design agency",
    "web design subscription",
    "graphic design service",
    "startup design partner",
    "SaaS design agency",
    "landing page design",
    "branding service",
    "Figma design service",
    "creative subscription",
    "dedicated design team",
    "website design agency",
    "modern ui ux design",
    "subscription based design agency",
    "unlimited graphic design",
  ],

  authors: [
    {
      name: "Elegant IT Limited",
      url: "https://eleganttechbd.com",
    },
  ],

  creator: "Elegant IT Limited",

  publisher: "Elegant IT Limited",

  category: "Design Agency",

  alternates: {
    canonical: "https://designshare.net",
  },
  openGraph: {
    title:
      "Unlimited Product Design Subscription — Flat Monthly Fee | DesignShare",
    description:
      "Unlimited UI/UX, branding, landing pages, and product design for startups and growing teams. Fast delivery, senior-level quality, and one predictable monthly fee.",
    url: "https://designshare.net",
    siteName: "DesignShare",
    images: [
      {
        url: "https://designshare.net/assets/og-image.png",
        width: 1200,
        height: 630,
        alt: "DesignShare — Unlimited design & development",
      },
    ],
    type: "website",
    locale: "en_US",
  },
  twitter: {
    card: "summary_large_image",
    title:
      "Unlimited Product Design Subscription — Flat Monthly Fee | DesignShare",
    description:
      "Unlimited UI/UX, branding, landing pages, and product design for startups and growing teams. Fast delivery, senior-level quality, and one predictable monthly fee.",
    images: ["https://designshare.net/assets/og-image.png"],
  },
};

export default function DesignSharePage() {
  const jsonLd = {
    "@context": "https://schema.org",
    "@type": "Product",
    name: "DesignShare Unlimited Design Subscription",
    image: "https://designshare.net/assets/og-image.png",
    description:
      "Unlimited design requests, ~48-hour delivery, and a flat monthly rate. Powered by Elegant IT Limited.",
    brand: {
      "@type": "Brand",
      name: "DesignShare",
    },
    aggregateRating: {
      "@type": "AggregateRating",
      ratingValue: "4.9",
      reviewCount: "47",
      bestRating: "5",
      worstRating: "1",
    },
    review: [
      {
        "@type": "Review",
        reviewRating: {
          "@type": "Rating",
          ratingValue: "5",
          bestRating: "5",
        },
        author: {
          "@type": "Person",
          name: "Brad Goldsmith",
        },
        reviewBody:
          "They redesigned our onboarding in two weeks. Our conversion went from 18% to 34%. That's not a design win, that's a revenue win. I now treat DesignShare as a growth channel, not a cost.",
      },
      {
        "@type": "Review",
        reviewRating: {
          "@type": "Rating",
          ratingValue: "5",
          bestRating: "5",
        },
        author: {
          "@type": "Person",
          name: "Perry Brill",
        },
        reviewBody:
          "First request landed in Figma in 41 hours. Quality exceeded what our last agency produced at four times the price. We have been subscribers ever since.",
      },
      {
        "@type": "Review",
        reviewRating: {
          "@type": "Rating",
          ratingValue: "5",
          bestRating: "5",
        },
        author: {
          "@type": "Person",
          name: "Zeke Camusio",
        },
        reviewBody:
          "I have worked with a lot of designers. Most need four or five rounds to get direction right. DesignShare nailed the concept on the first pass. Genuinely impressive.",
      },
    ],
    offers: {
      "@type": "Offer",
      url: "https://designshare.net/",
      priceCurrency: "USD",
      price: "3495.00",
      priceValidUntil: "2027-12-31",
      availability: "https://schema.org/InStock",
      seller: {
        "@type": "Organization",
        name: "Elegant IT Limited",
      },
      shippingDetails: {
        "@type": "OfferShippingDetails",
        shippingRate: {
          "@type": "MonetaryAmount",
          value: "0",
          currency: "USD",
        },
        deliveryTime: {
          "@type": "ShippingDeliveryTime",
          handlingTime: {
            "@type": "QuantitativeValue",
            minValue: 1,
            maxValue: 2,
            unitCode: "DAY",
          },
          transitTime: {
            "@type": "QuantitativeValue",
            minValue: 0,
            maxValue: 0,
            unitCode: "DAY",
          },
        },
        shippingDestination: {
          "@type": "DefinedRegion",
          addressCountry: "US",
        },
      },
      hasMerchantReturnPolicy: {
        "@type": "MerchantReturnPolicy",
        applicableCountry: "US",
        returnPolicyCategory:
          "https://schema.org/MerchantReturnFiniteReturnWindow",
        merchantReturnDays: 7,
        returnMethod: "https://schema.org/ReturnByMail",
        returnFees: "https://schema.org/FreeReturn",
      },
    },
  };


  const orgJsonLd = {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "DesignShare",
    "url": "https://designshare.net",
    "logo": "https://designshare.net/assets/og-image.png",
    "description":
      "DesignShare is a subscription-based design studio offering unlimited UI/UX design, web design, branding, and product design for startups and growing businesses.",
    "email": "hello@designshare.net",
    "parentOrganization": {
      "@type": "Organization",
      "name": "Elegant IT Limited",
      "url": "https://eleganttechbd.com",
    },
    "sameAs": ["https://dribbble.com/designshare"],
  };

  const faqJsonLd = {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "What does \"one active request at a time\" mean?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Every request gets our complete, undivided focus before we move to the next one. That's how we guarantee quality and a consistent 48 hour turnaround. You can queue as many requests as you like — they'll be delivered one by one in priority order.",
        },
      },
      {
        "@type": "Question",
        "name": "Can I submit requests for multiple brands or projects?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Absolutely. Queue requests for multiple brands, products, or completely separate domains. No limits on queue size or variety. Your PM keeps things organised and prioritised based on your instructions.",
        },
      },
      {
        "@type": "Question",
        "name": "How fast will I receive my designs?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Most requests come back within 48 hours. Simple tasks like a single screen or a Webflow section are often delivered the same day. Larger projects, such as full app redesigns, are divided into smaller phases so you receive steady progress and updates every 24–48 hours.",
        },
      },
      {
        "@type": "Question",
        "name": "What can I actually request?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "We handle almost anything in design and frontend, including landing pages, mobile app UI, dashboards, Webflow and Framer builds, onboarding flows, design systems, brand identity, icons, email templates, ad creatives, pitch decks, and more.",
        },
      },
      {
        "@type": "Question",
        "name": "Who actually does the work?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "You'll work with senior designers, frontend developers, and a dedicated project manager from Elegant IT Limited, a studio founded in 2017 that has served more than 170 clients worldwide. No juniors learning at your expense.",
        },
      },
      {
        "@type": "Question",
        "name": "How does the 7 day guarantee work?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Subscribe and use the service for a full 7 days. Not satisfied? Contact us within 7 days and we'll refund 75% of your first month's payment, no questions asked.",
        },
      },
      {
        "@type": "Question",
        "name": "How do I submit and manage requests?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "You can manage everything through a shared Notion board or Slack channel, whichever works best for you. Submit requests by typing them out, sharing a Google Doc, linking a Figma file, or sending a Loom video.",
        },
      },
      {
        "@type": "Question",
        "name": "Can I pause or cancel anytime?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. 31 day billing cycles. Pause anytime and unused days roll over forever. Cancel before renewal and you won't be charged again. Zero penalty.",
        },
      },
      {
        "@type": "Question",
        "name": "What if I don't like a design?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Unlimited revisions, full stop. We iterate until you're genuinely happy. If after multiple rounds it's fundamentally not right, we'll reassign the request. The 7 day guarantee covers anything beyond that.",
        },
      },
      {
        "@type": "Question",
        "name": "Do I own the designs?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Absolutely. Every file and export is fully yours from the moment it's delivered. There are no lock-ins, licensing restrictions, or hidden conditions attached.",
        },
      },
      {
        "@type": "Question",
        "name": "I need a full product built — backend, database, AI. Can you do that?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "DesignShare focuses on design and frontend services. If you need a complete product build with backend APIs, databases, AI integrations, and live deployment, visit Elegant IT Limited. Projects start at a fixed price of $15,000 and are typically completed within 6–10 weeks.",
        },
      },
    ],
  };
  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
      />
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(orgJsonLd) }}
      />
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(faqJsonLd) }}
      />
      <main>
        <Hero />
        <TrustStrip />
        <Marquee items={[...marqueeInkItems]} variant="ink" />
        <HowItWorks />
        <Benefits />
        <Work />
        <Marquee items={[...marqueeLimeItems]} variant="lime" />
        <Pricing />
        <Testimonials />
        <FAQ />
        <FinalCTA />
      </main>

      <StickyCTA />
    </>
  );
}