diff --git a/__tests__/components/Sections/InfoBlock.test.jsx b/__tests__/components/Sections/InfoBlock.test.jsx new file mode 100644 index 0000000..e86eb99 --- /dev/null +++ b/__tests__/components/Sections/InfoBlock.test.jsx @@ -0,0 +1,8 @@ +import { render } from "@testing-library/react"; +import InfoBlock from "../../../components/Sections/InfoBlock"; + +describe("InfoBlock ", () => { + it("should render the component", () => { + render(); + }); +}); diff --git a/__tests__/components/Sections/InfoCarousel.test.jsx b/__tests__/components/Sections/InfoCarousel.test.jsx deleted file mode 100644 index 1ea4f05..0000000 --- a/__tests__/components/Sections/InfoCarousel.test.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import { render } from "@testing-library/react"; -import InfoCarousel from "../../../components/Sections/InfoCarousel"; - -describe("InfoCarousel", () => { - it("should render the component", () => { - render(); - }); -}); diff --git a/__tests__/components/Sections/WhyInvest.test.jsx b/__tests__/components/Sections/WhyInvest.test.jsx new file mode 100644 index 0000000..5f5f7a5 --- /dev/null +++ b/__tests__/components/Sections/WhyInvest.test.jsx @@ -0,0 +1,8 @@ +import { render } from "@testing-library/react"; +import WhyInvest from "../../../components/Sections/WhyInvest"; + +describe("WhyInvest", () => { + it("should render the component", () => { + render(); + }); +}); diff --git a/__tests__/components/Sections/WhyInvest1.test.jsx b/__tests__/components/Sections/WhyInvest1.test.jsx deleted file mode 100644 index 7732e33..0000000 --- a/__tests__/components/Sections/WhyInvest1.test.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import { render } from "@testing-library/react"; -import WhyInvest1 from "../../../components/Sections/WhyInvest1"; - -describe("WhyInvest1", () => { - it("should render the component", () => { - render(); - }); -}); diff --git a/__tests__/components/Sections/WhyInvest2.test.jsx b/__tests__/components/Sections/WhyInvest2.test.jsx deleted file mode 100644 index ef68f0d..0000000 --- a/__tests__/components/Sections/WhyInvest2.test.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import { render } from "@testing-library/react"; -import WhyInvest2 from "../../../components/Sections/WhyInvest2"; - -describe("WhyInvest2", () => { - it("should render the component", () => { - render(); - }); -}); diff --git a/components/FAQCard.jsx b/components/FAQCard.jsx new file mode 100644 index 0000000..3f8f4db --- /dev/null +++ b/components/FAQCard.jsx @@ -0,0 +1,38 @@ +export default function FAQCard({ title, listItems }) { + return ( +
+
+ + + + + +

+ {title} +

+
    + {listItems?.map(({ text, href }, index) => ( +
  • + + {text} + +
    • + ))} +
+
+
+ ); +} diff --git a/components/FactSnippetsHero.jsx b/components/FactSnippetsHero.jsx new file mode 100644 index 0000000..2dac93f --- /dev/null +++ b/components/FactSnippetsHero.jsx @@ -0,0 +1,35 @@ +export default function FactSnippetsHero({ + subTitle, + title, + description, + cta1, + cta2, + cta1Href, + cta2Href, +}) { + return ( +
+ + {subTitle} + +

+ {title} +

+

{description}

+ +
+ ); +} diff --git a/components/Sections/Considerations.jsx b/components/Sections/Considerations.jsx deleted file mode 100644 index c0a4ca4..0000000 --- a/components/Sections/Considerations.jsx +++ /dev/null @@ -1,163 +0,0 @@ -export default function Considerations({}) { - return ( -
-
-
-

- Decisions To Consider Before Wireframing -

-
    -
  • - -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus - quis ultricies est. Duis nec hendrerit magna. Ut vel orci - gravida, hendrerit enim non, gravida turpis. Praesent non lectus - porttitor, scelerisque nulla nec, ornare neque. Integer massa - libero, ornare ut leo nec, scelerisque rutrum elit. Morbi et - massa id ipsum lobortis rhoncus. Aenean sit amet porta nulla, - quis varius risus. Suspendisse ultrices ut lectus non laoreet. - Etiam ornare laoreet tortor quis porttitor. Suspendisse tempus - erat non dui volutpat eleifend. -

    -
    • -
  • - -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam - euismod orci sed tristique placerat. Fusce in ligula urna. Fusce - eget nunc et libero accumsan rutrum quis nec lectus. Quisque - luctus sem nibh, quis ornare neque consectetur varius. Maecenas - rhoncus consectetur rutrum. -

    -
    • -
  • - -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus - quis ultricies est. Duis nec hendrerit magna. Ut vel orci - gravida, hendrerit enim non, gravida turpis. Praesent non lectus - porttitor, scelerisque nulla nec, ornare neque. Integer massa - libero, ornare ut leo nec, scelerisque rutrum elit. Morbi et - massa id ipsum lobortis rhoncus. Aenean sit amet porta nulla, - quis varius risus. Suspendisse ultrices ut lectus non laoreet. - Etiam ornare laoreet tortor quis porttitor. Suspendisse tempus - erat non dui volutpat eleifend. -

    -
    • -
  • - -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam - euismod orci sed tristique placerat. Fusce in ligula urna. Fusce - eget nunc et libero accumsan rutrum quis nec lectus. Quisque - luctus sem nibh, quis ornare neque consectetur varius. Maecenas - rhoncus consectetur rutrum. -

    -
    • -
  • - -

    - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam - euismod orci sed tristique placerat. Fusce in ligula urna. Fusce - eget nunc et libero accumsan rutrum quis nec lectus. Quisque - luctus sem nibh, quis ornare neque consectetur varius. Maecenas - rhoncus consectetur rutrum. -

    -
    • -
-
-
-
- ); -} diff --git a/components/Sections/FAQ.jsx b/components/Sections/FAQ.jsx index a3a3330..6588a9b 100644 --- a/components/Sections/FAQ.jsx +++ b/components/Sections/FAQ.jsx @@ -1,280 +1,27 @@ -export default function FAQ({}) { +import FAQCard from "../FAQCard"; + +export default function FAQ({ subTitle, title, fAQCardContent }) { return (
- Lorem ipsum + {subTitle}

- Frequently Asked Questions + {title || "Frequently Asked Questions"}

- - - - - - + {fAQCardContent?.map(({ title, listItems }, index) => { + return ( + + ); + })}
diff --git a/components/Sections/FactSnippets.jsx b/components/Sections/FactSnippets.jsx index a49f2d5..2717086 100644 --- a/components/Sections/FactSnippets.jsx +++ b/components/Sections/FactSnippets.jsx @@ -1,123 +1,51 @@ -export default function FactSnippets({}) { +import FactSnippetsHero from "../FactSnippetsHero"; + +export default function FactSnippets({ + title, + subTitle, + description, + cta1, + cta2, + cta1Href, + cta2Href, + factSnippetsCardContent, +}) { return (
-
- - Lorem ipsum - -

- Lorem ipsum dolor sit amet consectutar domor at elis -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan - aliquet orci. -

-
+
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean - dignissim quam ultricies, placerat tellus sed, laoreet orci. - Duis luctus quam ac metus gravida sodales. Sed a ex accumsan, - pellentesque sem eget, scelerisque dolor. -

- Avatar image -

Danny Bailey

-

CEO & Founder

-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean - dignissim quam ultricies, placerat tellus sed, laoreet orci. - Duis luctus quam ac metus gravida sodales. Sed a ex accumsan, - pellentesque sem eget, scelerisque dolor. -

- Avatar image -

Danny Bailey

-

CEO & Founder

-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean - dignissim quam ultricies, placerat tellus sed, laoreet orci. - Duis luctus quam ac metus gravida sodales. Sed a ex accumsan, - pellentesque sem eget, scelerisque dolor. -

- Avatar image -

Danny Bailey

-

CEO & Founder

-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean - dignissim quam ultricies, placerat tellus sed, laoreet orci. - Duis luctus quam ac metus gravida sodales. Sed a ex accumsan, - pellentesque sem eget, scelerisque dolor. -

- -

Danny Bailey

-

CEO & Founder

-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean - dignissim quam ultricies, placerat tellus sed, laoreet orci. - Duis luctus quam ac metus gravida sodales. Sed a ex accumsan, - pellentesque sem eget, scelerisque dolor. -

- Avatar image -

Danny Bailey

-

CEO & Founder

-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean - dignissim quam ultricies, placerat tellus sed, laoreet orci. - Duis luctus quam ac metus gravida sodales. Sed a ex accumsan, - pellentesque sem eget, scelerisque dolor. -

- Avatar image -

Danny Bailey

-

CEO & Founder

-
-
+ {factSnippetsCardContent?.map( + ({ description, imageSrc, title, subTitle }, index) => { + return ( +
+
+

+ {description} +

+ Avatar image +

{title}

+

{subTitle}

+
+
+ ); + } + )}
diff --git a/components/Sections/InfoBlock.jsx b/components/Sections/InfoBlock.jsx new file mode 100644 index 0000000..b6e77fa --- /dev/null +++ b/components/Sections/InfoBlock.jsx @@ -0,0 +1,24 @@ +export default function InfoBlock({ title, description, cta, ctaHref }) { + return ( + + ); +} diff --git a/components/Sections/InfoCarousel.jsx b/components/Sections/InfoCarousel.jsx deleted file mode 100644 index 3d28758..0000000 --- a/components/Sections/InfoCarousel.jsx +++ /dev/null @@ -1,64 +0,0 @@ -export default function InfoCarousel({}) { - return ( - - ); -} diff --git a/components/Sections/Team.jsx b/components/Sections/Team.jsx index 8a40fa1..e444493 100644 --- a/components/Sections/Team.jsx +++ b/components/Sections/Team.jsx @@ -1,121 +1,49 @@ -export default function Team({}) { +function TeamCard({ name, position, description, imageSrc, imageAlt }) { + return ( +
+
+
+
+ {imageAlt} +
+
+

{name}

+

{position}

+

{description}

+
+
+
+
+ ); +} +export default function Team({ + subTitle, + title, + description, + teamCardContent, +}) { return (
- Lorem ipsum + {subTitle}

- Lorem ipsum dolor sit amet consectutar domor at elis + {title}

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan - aliquet orci. + {description}

-
-
-
-
- Avatar image -
-
-

- Danny Bailey -

-

- CEO & Founder -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque massa nibh. -

-
-
-
-
-
-
-
-
- Avatar image -
-
-

- Danny Bailey -

-

- CEO & Founder -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque massa nibh. -

-
-
-
-
-
-
-
-
- Avatar image -
-
-

- Danny Bailey -

-

- CEO & Founder -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque massa nibh. -

-
-
-
-
-
-
-
-
- Avatar image -
-
-

- Danny Bailey -

-

- CEO & Founder -

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Pellentesque massa nibh. -

-
-
-
-
+ {teamCardContent?.map((props, index) => { + return ; + })}
diff --git a/components/Sections/WhyInvest1.jsx b/components/Sections/WhyInvest.jsx similarity index 73% rename from components/Sections/WhyInvest1.jsx rename to components/Sections/WhyInvest.jsx index b2854f9..9816d72 100644 --- a/components/Sections/WhyInvest1.jsx +++ b/components/Sections/WhyInvest.jsx @@ -1,18 +1,18 @@ -import WhyInvest1Hero from "../WhyInvest1Hero"; -import WhyInvest1Card from "../WhyInvest1Card"; +import WhyInvestHero from "../WhyInvestHero"; +import WhyInvestCard from "../WhyInvestCard"; -export default function WhyInvest1({ +export default function WhyInvest({ title, subTitle, description, cta, - whyInvest1CardData, + whyInvestCardData, }) { return (
-
- {whyInvest1CardData?.map((description, index) => { + {whyInvestCardData?.map((description, index) => { return ( - -
-
- - New Feature - -

- Take quick action that increases your brand's regular profit. -

-

- If you have ever wondeindigo how to develop your brand, this is the - place for you. Take a big step forward in growing your business - with this great tool. -

- -
-
-
- ); -} diff --git a/components/WhyInvest1Card.jsx b/components/WhyInvestCard.jsx similarity index 100% rename from components/WhyInvest1Card.jsx rename to components/WhyInvestCard.jsx diff --git a/components/WhyInvest1Hero.jsx b/components/WhyInvestHero.jsx similarity index 100% rename from components/WhyInvest1Hero.jsx rename to components/WhyInvestHero.jsx diff --git a/pages/index.jsx b/pages/index.jsx index 0a58ce7..e43aee1 100644 --- a/pages/index.jsx +++ b/pages/index.jsx @@ -1,12 +1,10 @@ import Footer from "../components/Footer"; import NavigationHero from "../components/Sections/NavigationHero"; -import WhyInvest1 from "../components/Sections/WhyInvest1"; +import WhyInvest from "../components/Sections/WhyInvest"; import FactCards from "../components/Sections/FactCards"; import Stats1 from "../components/Sections/Stats1"; -import WhyInvest2 from "../components/Sections/WhyInvest2"; import FactSnippets from "../components/Sections/FactSnippets"; -import InfoCarousel from "../components/Sections/InfoCarousel"; -import Considerations from "../components/Sections/Considerations"; +import InfoBlock from "../components/Sections/InfoBlock"; import Team from "../components/Sections/Team"; import FAQ from "../components/Sections/FAQ"; @@ -43,13 +41,13 @@ export default function Funded() { text: "A giant achievement", }, ]; - const whyInvest1Content = { + const whyInvestContent = { subTitle: "Scaling our formula", title: "We're seeking investment to release more kick ass brands", description: "Our formula for success works and we are scaling it by releasing brands in financial services, non-profit fundraising, and fashion.", cta: "Learn about our SAFE note", - whyInvest1CardData: [ + whyInvestCardData: [ "The most epic management team in the business of the web.", "Can't stop won't stop.", "Hyper-efficient semi-autonomous subsidiaries crafted for corporate accretive acquisitions.", @@ -87,6 +85,131 @@ export default function Funded() { "It's like the world is stuck in a car wash and Tincre is the car. Life is now complete.", }, ]; + const factSnippetsCardContent = [ + { + description: + "A nice, detailed explanation of something with-respect-to this funding rounding.", + imageSrc: "/images/indigo-500-avatar.png", + title: "A Product KPI", + subTitle: "Performance category", + }, + { + description: + "A nice, detailed explanation of something with-respect-to this funding rounding.", + imageSrc: "/images/indigo-500-avatar.png", + title: "A Product KPI", + subTitle: "Performance category", + }, + { + description: + "A nice, detailed explanation of something with-respect-to this funding rounding.", + imageSrc: "/images/indigo-500-avatar.png", + title: "A Product KPI", + subTitle: "Performance category", + }, + { + description: + "A nice, detailed explanation of something with-respect-to this funding rounding.", + imageSrc: "/images/indigo-500-avatar.png", + title: "A Product KPI", + subTitle: "Performance category", + }, + { + description: + "A nice, detailed explanation of something with-respect-to this funding rounding.", + imageSrc: "/images/indigo-500-avatar.png", + title: "A Product KPI", + subTitle: "Performance category", + }, + { + description: + "A nice, detailed explanation of something with-respect-to this funding rounding.", + imageSrc: "/images/indigo-500-avatar.png", + title: "A Product KPI", + subTitle: "Performance category", + }, + ]; + const teamCardContent = [ + { + name: "Philip Muellerschoen", + position: "CEO, Co-Founder", + description: + "Phil guides the firm in all aspects both internally and externally, operating and growing its brands.", + imageSrc: "/team/phil.webp", + imageAlt: "Philip Muellerschoen", + }, + { + name: "Jason R. Stevens, CFA", + position: "CTO+CFO, Co-Founder", + description: + "Anti-script kiddie crushing the keys to build an entirely new world in which he owns all human-associated items.", + imageSrc: "/team/jason.webp", + imageAlt: "Jason R. Stevens, CFA", + }, + { + name: "Dan Fratoni", + position: "Partner, External Brand Relationships", + description: "Drives entertainment industry representation for the firm.", + imageSrc: "/team/dan.webp", + imageAlt: "Dan Fratoni", + }, + ]; + const fAQCardContent = [ + { + title: "How do you accomplish so much?", + listItems: [ + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + ], + }, + { + title: "How do you accomplish so much?", + listItems: [ + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + ], + }, + { + title: "How do you accomplish so much?", + listItems: [ + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + ], + }, + { + title: "How do you accomplish so much?", + listItems: [ + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + ], + }, + { + title: "How do you accomplish so much?", + listItems: [ + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + ], + }, + { + title: "How do you accomplish so much?", + listItems: [ + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + { text: "Work hard, play hard", href: "https://tincre.com" }, + ], + }, + ]; return (
{title} @@ -107,15 +230,38 @@ export default function Funded() { cta={cta} /> - + - - - - - - - + + + + + +
diff --git a/public/team/dan.webp b/public/team/dan.webp new file mode 100644 index 0000000..a14d824 Binary files /dev/null and b/public/team/dan.webp differ diff --git a/public/team/jason.webp b/public/team/jason.webp new file mode 100644 index 0000000..67196e0 Binary files /dev/null and b/public/team/jason.webp differ diff --git a/public/team/phil.webp b/public/team/phil.webp new file mode 100644 index 0000000..6c505e1 Binary files /dev/null and b/public/team/phil.webp differ