innovation

1import { HeroSection } from "./components/hero-section";
2import { WhatIsItSection } from "./components/what-is-it-section";
3import { HowToUseSection } from "./components/how-to-section";
4import { TestingSection } from "./components/test-it-section";
5import { UserStorySection } from "./components/user-story-section";
6import { GetItSection } from "./components/get-it-section";
7import { CtaButton } from "./components/cta-button";
8import { NavigationFooter } from "./components/nav-footer";
9import type { InnovationData } from "./types";
10 
11interface InnovationProps {
12  data: InnovationData;
13}
14 
15export function Innovation({ data }: InnovationProps) {
16  return (
17    <div className="min-h-screen bg-background">
18      <div className="w-full flex flex-col items-center mx-auto">
19 
20        <HeroSection
21          title={data.hero.title}
22          subtitle={data.hero.subtitle}
23        />
24 
25        <WhatIsItSection {...data.whatIsIt} />
26        <HowToUseSection {...data.howToUse} />
27        <TestingSection {...data.testing} />
28        <UserStorySection {...data.userStory} />
29        <GetItSection {...data.getIt} />
30 
31        <CtaButton
32          label={data.cta?.label}
33          href={data.cta?.href}
34        />
35 
36        <NavigationFooter
37          prevHref={data.navigation?.prevHref}
38          nextHref={data.navigation?.nextHref}
39          current={data.navigation?.current}
40          total={data.navigation?.total}
41        />
42      </div>
43    </div>
44  );
45}