├── amplify ├── backend │ ├── backend-config.json │ ├── types │ │ └── amplify-dependent-resources-ref.d.ts │ └── tags.json ├── .config │ └── project-config.json ├── team-provider-info.json └── cli.json ├── .eslintrc.json ├── public ├── favicon.ico └── vercel.svg ├── next.config.js ├── pages ├── api │ └── hello.js ├── _app.js └── index.js ├── styles ├── globals.css └── Home.module.css ├── .vscode └── settings.json ├── package.json ├── ui-components ├── CardA.jsx.d.ts ├── CardB.jsx.d.ts ├── CardC.jsx.d.ts ├── CardD.jsx.d.ts ├── CardE.jsx.d.ts ├── CardF.jsx.d.ts ├── CardG.jsx.d.ts ├── NavBar.jsx.d.ts ├── FAQItem.jsx.d.ts ├── SideBar.jsx.d.ts ├── SocialA.jsx.d.ts ├── SocialB.jsx.d.ts ├── Ampligram.jsx.d.ts ├── ContactUs.jsx.d.ts ├── ProfileA.jsx.d.ts ├── EditProfile.jsx.d.ts ├── Features2x2.jsx.d.ts ├── Features2x3.jsx.d.ts ├── Features4x1.jsx.d.ts ├── HeroLayout2.jsx.d.ts ├── HeroLayout3.jsx.d.ts ├── HeroLayout4.jsx.d.ts ├── FormCheckout.jsx.d.ts ├── ProductDetail.jsx.d.ts ├── FeaturesText2x2.jsx.d.ts ├── MarketingFooter.jsx.d.ts ├── MarketingPricing.jsx.d.ts ├── HeroLayout1.jsx.d.ts ├── MyIcon.jsx.d.ts ├── CardD.jsx ├── HeroLayout2.jsx ├── index.js ├── CardA.jsx ├── FAQItem.jsx ├── CardB.jsx ├── CardE.jsx ├── ProfileA.jsx ├── HeroLayout3.jsx ├── CardC.jsx ├── HeroLayout4.jsx ├── HeroLayout1.jsx ├── EditProfile.jsx ├── NavBar.jsx ├── Features4x1.jsx ├── CardG.jsx ├── SocialA.jsx ├── Ampligram.jsx ├── Features2x2.jsx ├── MarketingFooter.jsx ├── MyIcon.jsx ├── SocialB.jsx └── ContactUs.jsx ├── .gitignore └── README.md /amplify/backend/backend-config.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kizmelvin/aws-amplify-figmatocode/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /amplify/backend/types/amplify-dependent-resources-ref.d.ts: -------------------------------------------------------------------------------- 1 | export type AmplifyDependentResourcesAttributes = {} -------------------------------------------------------------------------------- /next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = { 3 | reactStrictMode: true, 4 | } 5 | 6 | module.exports = nextConfig 7 | -------------------------------------------------------------------------------- /amplify/backend/tags.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "Key": "user:Stack", 4 | "Value": "{project-env}" 5 | }, 6 | { 7 | "Key": "user:Application", 8 | "Value": "{project-name}" 9 | } 10 | ] -------------------------------------------------------------------------------- /pages/api/hello.js: -------------------------------------------------------------------------------- 1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction 2 | 3 | export default function handler(req, res) { 4 | res.status(200).json({ name: 'John Doe' }) 5 | } 6 | -------------------------------------------------------------------------------- /pages/_app.js: -------------------------------------------------------------------------------- 1 | import "../styles/globals.css"; 2 | import "@aws-amplify/ui-react/styles.css"; 3 | 4 | function MyApp({ Component, pageProps }) { 5 | return ; 6 | } 7 | 8 | export default MyApp; 9 | -------------------------------------------------------------------------------- /styles/globals.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | padding: 0; 4 | margin: 0; 5 | font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 6 | Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 7 | } 8 | 9 | a { 10 | color: inherit; 11 | text-decoration: none; 12 | } 13 | 14 | * { 15 | box-sizing: border-box; 16 | } 17 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "files.exclude": { 3 | "amplify/.config": true, 4 | "amplify/**/*-parameters.json": true, 5 | "amplify/**/amplify.state": true, 6 | "amplify/**/transform.conf.json": true, 7 | "amplify/#current-cloud-backend": true, 8 | "amplify/backend/amplify-meta.json": true, 9 | "amplify/backend/awscloudformation": true 10 | } 11 | } -------------------------------------------------------------------------------- /amplify/.config/project-config.json: -------------------------------------------------------------------------------- 1 | { 2 | "providers": [ 3 | "awscloudformation" 4 | ], 5 | "projectName": "figmatoreactdemo", 6 | "version": "3.1", 7 | "frontend": "javascript", 8 | "javascript": { 9 | "framework": "react", 10 | "config": { 11 | "SourceDir": ".", 12 | "DistributionDir": ".next", 13 | "BuildCommand": "npm run-script build", 14 | "StartCommand": "npm run dev" 15 | } 16 | } 17 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "figmatonext-demo", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "dev": "next dev", 7 | "build": "next build", 8 | "start": "next start", 9 | "lint": "next lint" 10 | }, 11 | "dependencies": { 12 | "@aws-amplify/ui-react": "^2.12.0", 13 | "next": "12.1.2", 14 | "react": "17.0.2", 15 | "react-dom": "17.0.2" 16 | }, 17 | "devDependencies": { 18 | "eslint": "8.12.0", 19 | "eslint-config-next": "12.1.2" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /pages/index.js: -------------------------------------------------------------------------------- 1 | import Head from "next/head"; 2 | import styles from "../styles/Home.module.css"; 3 | import { 4 | NavBar, 5 | HeroLayout3, 6 | MarketingPricing, 7 | ContactUs, 8 | } from "../ui-components"; 9 | 10 | export default function Home() { 11 | return ( 12 |
13 | 14 | Figma-to-code 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | ); 23 | } 24 | -------------------------------------------------------------------------------- /ui-components/CardA.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type CardAProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function CardA(props: CardAProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/CardB.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type CardBProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function CardB(props: CardBProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/CardC.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type CardCProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function CardC(props: CardCProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/CardD.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { ViewProps } from "@aws-amplify/ui-react"; 10 | export declare type CardDProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function CardD(props: CardDProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/CardE.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type CardEProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function CardE(props: CardEProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/CardF.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type CardFProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function CardF(props: CardFProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/CardG.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type CardGProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function CardG(props: CardGProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/NavBar.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type NavBarProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function NavBar(props: NavBarProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/FAQItem.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type FAQItemProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function FAQItem(props: FAQItemProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/SideBar.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type SideBarProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function SideBar(props: SideBarProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/SocialA.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type SocialAProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function SocialA(props: SocialAProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/SocialB.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type SocialBProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function SocialB(props: SocialBProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/Ampligram.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type AmpligramProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function Ampligram(props: AmpligramProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/ContactUs.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type ContactUsProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function ContactUs(props: ContactUsProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/ProfileA.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type ProfileAProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function ProfileA(props: ProfileAProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/EditProfile.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type EditProfileProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function EditProfile(props: EditProfileProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/Features2x2.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type Features2x2Props = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function Features2x2(props: Features2x2Props): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/Features2x3.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type Features2x3Props = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function Features2x3(props: Features2x3Props): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/Features4x1.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type Features4x1Props = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function Features4x1(props: Features4x1Props): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/HeroLayout2.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { ViewProps } from "@aws-amplify/ui-react"; 10 | export declare type HeroLayout2Props = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function HeroLayout2(props: HeroLayout2Props): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/HeroLayout3.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type HeroLayout3Props = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function HeroLayout3(props: HeroLayout3Props): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/HeroLayout4.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type HeroLayout4Props = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function HeroLayout4(props: HeroLayout4Props): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/FormCheckout.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type FormCheckoutProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function FormCheckout(props: FormCheckoutProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/ProductDetail.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type ProductDetailProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function ProductDetail(props: ProductDetailProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/FeaturesText2x2.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type FeaturesText2x2Props = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function FeaturesText2x2(props: FeaturesText2x2Props): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/MarketingFooter.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { ViewProps } from "@aws-amplify/ui-react"; 10 | export declare type MarketingFooterProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function MarketingFooter(props: MarketingFooterProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /ui-components/MarketingPricing.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type MarketingPricingProps = React.PropsWithChildren & { 11 | overrides?: EscapeHatchProps | undefined | null; 12 | }>; 13 | export default function MarketingPricing(props: MarketingPricingProps): React.ReactElement; 14 | -------------------------------------------------------------------------------- /amplify/team-provider-info.json: -------------------------------------------------------------------------------- 1 | { 2 | "staging": { 3 | "awscloudformation": { 4 | "AuthRoleName": "amplify-figmatoreactdemo-staging-131850-authRole", 5 | "UnauthRoleArn": "arn:aws:iam::850782651712:role/amplify-figmatoreactdemo-staging-131850-unauthRole", 6 | "AuthRoleArn": "arn:aws:iam::850782651712:role/amplify-figmatoreactdemo-staging-131850-authRole", 7 | "Region": "us-east-1", 8 | "DeploymentBucketName": "amplify-figmatoreactdemo-staging-131850-deployment", 9 | "UnauthRoleName": "amplify-figmatoreactdemo-staging-131850-unauthRole", 10 | "StackName": "amplify-figmatoreactdemo-staging-131850", 11 | "StackId": "arn:aws:cloudformation:us-east-1:850782651712:stack/amplify-figmatoreactdemo-staging-131850/9bd4b300-ae99-11ec-b926-12125e385ebb", 12 | "AmplifyAppId": "drfbeo39ebr95" 13 | } 14 | } 15 | } -------------------------------------------------------------------------------- /ui-components/HeroLayout1.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { FlexProps } from "@aws-amplify/ui-react"; 10 | export declare type HeroLayout1Props = React.PropsWithChildren & { 11 | mode?: "Dark" | "Light"; 12 | } & { 13 | overrides?: EscapeHatchProps | undefined | null; 14 | }>; 15 | export default function HeroLayout1(props: HeroLayout1Props): React.ReactElement; 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | .pnpm-debug.log* 27 | 28 | # local env files 29 | .env*.local 30 | 31 | # vercel 32 | .vercel 33 | 34 | #amplify-do-not-edit-begin 35 | amplify/\#current-cloud-backend 36 | amplify/.config/local-* 37 | amplify/logs 38 | amplify/mock-data 39 | amplify/backend/amplify-meta.json 40 | amplify/backend/.temp 41 | build/ 42 | dist/ 43 | node_modules/ 44 | aws-exports.js 45 | awsconfiguration.json 46 | amplifyconfiguration.json 47 | amplifyconfiguration.dart 48 | amplify-build-config.json 49 | amplify-gradle-config.json 50 | amplifytools.xcconfig 51 | .secret-* 52 | **.sample 53 | #amplify-do-not-edit-end 54 | -------------------------------------------------------------------------------- /ui-components/MyIcon.jsx.d.ts: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | import React from "react"; 8 | import { EscapeHatchProps } from "@aws-amplify/ui-react/internal"; 9 | import { IconProps } from "@aws-amplify/ui-react"; 10 | export declare type MyIconProps = React.PropsWithChildren & { 11 | type?: "alert" | "arrow-right" | "bookmark_border" | "chat" | "chat-bubble-outline" | "checkmark" | "close" | "delete" | "favorite" | "favorite_border" | "group" | "info" | "more_horiz" | "more_vert" | "reply" | "send" | "share" | "shopping_bag" | "shuffle" | "warning"; 12 | } & { 13 | overrides?: EscapeHatchProps | undefined | null; 14 | }>; 15 | export default function MyIcon(props: MyIconProps): React.ReactElement; 16 | -------------------------------------------------------------------------------- /public/vercel.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /amplify/cli.json: -------------------------------------------------------------------------------- 1 | { 2 | "features": { 3 | "graphqltransformer": { 4 | "addmissingownerfields": true, 5 | "improvepluralization": false, 6 | "validatetypenamereservedwords": true, 7 | "useexperimentalpipelinedtransformer": true, 8 | "enableiterativegsiupdates": true, 9 | "secondarykeyasgsi": true, 10 | "skipoverridemutationinputtypes": true, 11 | "transformerversion": 2, 12 | "suppressschemamigrationprompt": true, 13 | "securityenhancementnotification": false, 14 | "showfieldauthnotification": false 15 | }, 16 | "frontend-ios": { 17 | "enablexcodeintegration": true 18 | }, 19 | "auth": { 20 | "enablecaseinsensitivity": true, 21 | "useinclusiveterminology": true, 22 | "breakcirculardependency": true, 23 | "forcealiasattributes": false, 24 | "useenabledmfas": true 25 | }, 26 | "codegen": { 27 | "useappsyncmodelgenplugin": true, 28 | "usedocsgeneratorplugin": true, 29 | "usetypesgeneratorplugin": true, 30 | "cleangeneratedmodelsdirectory": true, 31 | "retaincasestyle": true, 32 | "addtimestampfields": true, 33 | "handlelistnullabilitytransparently": true, 34 | "emitauthprovider": true, 35 | "generateindexrules": true, 36 | "enabledartnullsafety": true 37 | }, 38 | "appsync": { 39 | "generategraphqlpermissions": true 40 | }, 41 | "latestregionsupport": { 42 | "pinpoint": 1, 43 | "translate": 1, 44 | "transcribe": 1, 45 | "rekognition": 1, 46 | "textract": 1, 47 | "comprehend": 1 48 | }, 49 | "project": { 50 | "overrides": true 51 | } 52 | } 53 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). 2 | 3 | ## Getting Started 4 | 5 | First, run the development server: 6 | 7 | ```bash 8 | npm run dev 9 | # or 10 | yarn dev 11 | ``` 12 | 13 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. 14 | 15 | You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file. 16 | 17 | [API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`. 18 | 19 | The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages. 20 | 21 | ## Learn More 22 | 23 | To learn more about Next.js, take a look at the following resources: 24 | 25 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. 26 | - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. 27 | 28 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! 29 | 30 | ## Deploy on Vercel 31 | 32 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. 33 | 34 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. 35 | -------------------------------------------------------------------------------- /ui-components/CardD.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Image, Text, View } from "@aws-amplify/ui-react"; 11 | export default function CardD(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 22 | 34 | 52 | 53 | ); 54 | } 55 | -------------------------------------------------------------------------------- /ui-components/HeroLayout2.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Image, View } from "@aws-amplify/ui-react"; 11 | import HeroLayout3 from "./HeroLayout3"; 12 | export default function HeroLayout2(props) { 13 | const { overrides, ...rest } = props; 14 | return ( 15 | 23 | 34 | 52 | 53 | ); 54 | } 55 | -------------------------------------------------------------------------------- /ui-components/index.js: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | export { default as ContactUs } from "./ContactUs"; 8 | export { default as Features2x2 } from "./Features2x2"; 9 | export { default as CardE } from "./CardE"; 10 | export { default as CardF } from "./CardF"; 11 | export { default as ProductDetail } from "./ProductDetail"; 12 | export { default as Ampligram } from "./Ampligram"; 13 | export { default as CardG } from "./CardG"; 14 | export { default as SocialB } from "./SocialB"; 15 | export { default as CardC } from "./CardC"; 16 | export { default as MyIcon } from "./MyIcon"; 17 | export { default as HeroLayout4 } from "./HeroLayout4"; 18 | export { default as HeroLayout3 } from "./HeroLayout3"; 19 | export { default as CardD } from "./CardD"; 20 | export { default as MarketingPricing } from "./MarketingPricing"; 21 | export { default as Features4x1 } from "./Features4x1"; 22 | export { default as NavBar } from "./NavBar"; 23 | export { default as SocialA } from "./SocialA"; 24 | export { default as FormCheckout } from "./FormCheckout"; 25 | export { default as SideBar } from "./SideBar"; 26 | export { default as FAQItem } from "./FAQItem"; 27 | export { default as HeroLayout1 } from "./HeroLayout1"; 28 | export { default as CardB } from "./CardB"; 29 | export { default as CardA } from "./CardA"; 30 | export { default as FeaturesText2x2 } from "./FeaturesText2x2"; 31 | export { default as HeroLayout2 } from "./HeroLayout2"; 32 | export { default as EditProfile } from "./EditProfile"; 33 | export { default as MarketingFooter } from "./MarketingFooter"; 34 | export { default as Features2x3 } from "./Features2x3"; 35 | export { default as ProfileA } from "./ProfileA"; 36 | -------------------------------------------------------------------------------- /styles/Home.module.css: -------------------------------------------------------------------------------- 1 | .container { 2 | padding: 0 1rem; 3 | } 4 | 5 | .main { 6 | min-height: 100vh; 7 | padding: 4rem 0; 8 | flex: 1; 9 | display: flex; 10 | flex-direction: column; 11 | justify-content: center; 12 | align-items: center; 13 | } 14 | 15 | .footer { 16 | display: flex; 17 | flex: 1; 18 | padding: 2rem 0; 19 | border-top: 1px solid #eaeaea; 20 | justify-content: center; 21 | align-items: center; 22 | } 23 | 24 | .footer a { 25 | display: flex; 26 | justify-content: center; 27 | align-items: center; 28 | flex-grow: 1; 29 | } 30 | 31 | .title a { 32 | color: #0070f3; 33 | text-decoration: none; 34 | } 35 | 36 | .title a:hover, 37 | .title a:focus, 38 | .title a:active { 39 | text-decoration: underline; 40 | } 41 | 42 | .title { 43 | margin: 0; 44 | line-height: 1.15; 45 | font-size: 4rem; 46 | } 47 | 48 | .title, 49 | .description { 50 | text-align: center; 51 | } 52 | 53 | .description { 54 | margin: 4rem 0; 55 | line-height: 1.5; 56 | font-size: 1.5rem; 57 | } 58 | 59 | .code { 60 | background: #fafafa; 61 | border-radius: 5px; 62 | padding: 0.75rem; 63 | font-size: 1.1rem; 64 | font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, 65 | Bitstream Vera Sans Mono, Courier New, monospace; 66 | } 67 | 68 | .grid { 69 | display: flex; 70 | align-items: center; 71 | justify-content: center; 72 | flex-wrap: wrap; 73 | max-width: 800px; 74 | } 75 | 76 | .card { 77 | margin: 1rem; 78 | padding: 1.5rem; 79 | text-align: left; 80 | color: inherit; 81 | text-decoration: none; 82 | border: 1px solid #eaeaea; 83 | border-radius: 10px; 84 | transition: color 0.15s ease, border-color 0.15s ease; 85 | max-width: 300px; 86 | } 87 | 88 | .card:hover, 89 | .card:focus, 90 | .card:active { 91 | color: #0070f3; 92 | border-color: #0070f3; 93 | } 94 | 95 | .card h2 { 96 | margin: 0 0 1rem 0; 97 | font-size: 1.5rem; 98 | } 99 | 100 | .card p { 101 | margin: 0; 102 | font-size: 1.25rem; 103 | line-height: 1.5; 104 | } 105 | 106 | .logo { 107 | height: 1em; 108 | margin-left: 0.5rem; 109 | } 110 | 111 | @media (max-width: 600px) { 112 | .grid { 113 | width: 100%; 114 | flex-direction: column; 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /ui-components/CardA.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Flex, Image, Text } from "@aws-amplify/ui-react"; 11 | export default function CardA(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 25 | 34 | 44 | 64 | 83 | 84 | 85 | ); 86 | } 87 | -------------------------------------------------------------------------------- /ui-components/FAQItem.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Divider, Flex, Text } from "@aws-amplify/ui-react"; 11 | export default function FAQItem(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 24 | 36 | 47 | 66 | 86 | 87 | 88 | 99 | 100 | ); 101 | } 102 | -------------------------------------------------------------------------------- /ui-components/CardB.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Flex, Image, Text } from "@aws-amplify/ui-react"; 11 | export default function CardB(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 25 | 34 | 44 | 54 | 73 | 93 | 112 | 113 | 114 | 115 | ); 116 | } 117 | -------------------------------------------------------------------------------- /ui-components/CardE.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Badge, Flex, Text, View } from "@aws-amplify/ui-react"; 11 | export default function CardE(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 26 | 36 | 59 | 68 | 85 | 103 | 104 | 122 | 123 | 124 | ); 125 | } 126 | -------------------------------------------------------------------------------- /ui-components/ProfileA.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Button, Flex, Image, Text } from "@aws-amplify/ui-react"; 11 | import MyIcon from "./MyIcon"; 12 | export default function ProfileA(props) { 13 | const { overrides, ...rest } = props; 14 | return ( 15 | 26 | 35 | 44 | 61 | 79 | 80 | 90 | 100 | 118 | 119 | 139 | 140 | ); 141 | } 142 | -------------------------------------------------------------------------------- /ui-components/HeroLayout3.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Button, Flex, Text } from "@aws-amplify/ui-react"; 11 | export default function HeroLayout3(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 28 | 42 | 61 | 71 | 93 | 116 | 117 | 136 | 137 | 138 | ); 139 | } 140 | -------------------------------------------------------------------------------- /ui-components/CardC.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Button, Flex, Image, Rating, Text } from "@aws-amplify/ui-react"; 11 | export default function CardC(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 25 | 34 | 44 | 54 | 73 | 93 | 94 | 106 | 125 | 145 | 146 | 147 | ); 148 | } 149 | -------------------------------------------------------------------------------- /ui-components/HeroLayout4.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Button, Flex, Text, TextField } from "@aws-amplify/ui-react"; 11 | export default function HeroLayout4(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 26 | 37 | 56 | 78 | 100 | 110 | 126 | 146 | 147 | 169 | 170 | 171 | ); 172 | } 173 | -------------------------------------------------------------------------------- /ui-components/HeroLayout1.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { 10 | getOverrideProps, 11 | getOverridesFromVariants, 12 | mergeVariantsAndOverrides, 13 | } from "@aws-amplify/ui-react/internal"; 14 | import { Button, Flex, Image, Text } from "@aws-amplify/ui-react"; 15 | export default function HeroLayout1(props) { 16 | const { overrides: overridesProp, ...rest } = props; 17 | const variants = [ 18 | { 19 | overrides: { 20 | "LOREM IPSUM": {}, 21 | "Ut enim ad minim veniam quis nostrud": {}, 22 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.": 23 | {}, 24 | Message: {}, 25 | Button: {}, 26 | HeroMessage: {}, 27 | Left: {}, 28 | image: {}, 29 | Right: {}, 30 | HeroLayout1: {}, 31 | }, 32 | variantValues: { mode: "Light" }, 33 | }, 34 | { 35 | overrides: { 36 | "LOREM IPSUM": { color: "rgba(255,255,255,1)" }, 37 | "Ut enim ad minim veniam quis nostrud": { 38 | color: "rgba(255,255,255,1)", 39 | }, 40 | "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.": 41 | { color: "rgba(255,255,255,1)" }, 42 | Message: {}, 43 | Button: {}, 44 | HeroMessage: {}, 45 | Left: { backgroundColor: "rgba(0,0,0,1)" }, 46 | image: { alignSelf: "stretch", objectFit: "cover" }, 47 | Right: {}, 48 | HeroLayout1: {}, 49 | }, 50 | variantValues: { mode: "Dark" }, 51 | }, 52 | ]; 53 | const overrides = mergeVariantsAndOverrides( 54 | getOverridesFromVariants(variants, props), 55 | overridesProp || {} 56 | ); 57 | return ( 58 | 70 | 85 | 97 | 116 | 128 | 150 | 173 | 174 | 193 | 194 | 195 | 209 | 218 | 219 | 220 | ); 221 | } 222 | -------------------------------------------------------------------------------- /ui-components/EditProfile.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { 11 | Button, 12 | Divider, 13 | Flex, 14 | Icon, 15 | Image, 16 | Text, 17 | TextField, 18 | View, 19 | } from "@aws-amplify/ui-react"; 20 | export default function EditProfile(props) { 21 | const { overrides, ...rest } = props; 22 | return ( 23 | 33 | 43 | 54 | 63 | 81 | 82 | 99 | 100 | 111 | 122 | 131 | 149 | 150 | 160 | 178 | 196 | 214 | 215 | 226 | 245 | 246 | 247 | ); 248 | } 249 | -------------------------------------------------------------------------------- /ui-components/NavBar.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { 11 | Flex, 12 | Icon, 13 | Image, 14 | SearchField, 15 | Text, 16 | View, 17 | } from "@aws-amplify/ui-react"; 18 | export default function NavBar(props) { 19 | const { overrides, ...rest } = props; 20 | return ( 21 | 33 | 46 | 61 | 79 | 80 | 92 | 110 | 128 | 146 | 164 | 165 | 178 | 194 | 203 | 221 | 222 | 231 | 232 | 233 | ); 234 | } 235 | -------------------------------------------------------------------------------- /ui-components/Features4x1.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Flex, Text } from "@aws-amplify/ui-react"; 11 | export default function Features4x1(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 26 | 38 | 49 | 68 | 90 | 91 | 102 | 121 | 143 | 144 | 155 | 174 | 196 | 197 | 208 | 227 | 249 | 250 | 251 | 252 | ); 253 | } 254 | -------------------------------------------------------------------------------- /ui-components/CardG.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { 11 | Badge, 12 | Divider, 13 | Flex, 14 | Icon, 15 | Image, 16 | Rating, 17 | Text, 18 | View, 19 | } from "@aws-amplify/ui-react"; 20 | export default function CardG(props) { 21 | const { overrides, ...rest } = props; 22 | return ( 23 | 33 | 41 | 53 | 63 | 74 | 93 | 102 | 125 | 126 | 127 | 146 | 147 | 157 | 167 | 190 | 213 | 214 | 237 | 248 | 259 | 272 | 290 | 291 | 310 | 311 | 312 | 313 | ); 314 | } 315 | -------------------------------------------------------------------------------- /ui-components/SocialA.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Flex, Image, Text } from "@aws-amplify/ui-react"; 11 | import MyIcon from "./MyIcon"; 12 | export default function SocialA(props) { 13 | const { overrides, ...rest } = props; 14 | return ( 15 | 25 | 36 | 47 | 57 | 79 | 90 | 108 | 127 | 128 | 129 | 140 | 150 | 172 | 173 | 183 | 201 | 211 | 221 | 231 | 232 | 233 | 242 | 243 | 254 | 264 | 285 | 286 | 287 | ); 288 | } 289 | -------------------------------------------------------------------------------- /ui-components/Ampligram.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Divider, Flex, Icon, Image, Text, View } from "@aws-amplify/ui-react"; 11 | import MyIcon from "./MyIcon"; 12 | export default function Ampligram(props) { 13 | const { overrides, ...rest } = props; 14 | return ( 15 | 26 | 38 | 50 | 59 | 77 | 78 | 90 | 99 | 117 | 118 | 119 | 120 | 129 | 140 | 151 | 161 | 171 | 181 | 182 | 195 | 204 | 222 | 223 | 224 | 225 | 235 | 246 | 256 | 275 | 298 | 317 | 318 | 319 | 320 | ); 321 | } 322 | -------------------------------------------------------------------------------- /ui-components/Features2x2.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Flex, Text } from "@aws-amplify/ui-react"; 11 | export default function Features2x2(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 26 | 36 | 48 | 62 | 81 | 104 | 105 | 119 | 138 | 161 | 162 | 163 | 175 | 189 | 208 | 231 | 232 | 246 | 265 | 288 | 289 | 290 | 291 | 292 | ); 293 | } 294 | -------------------------------------------------------------------------------- /ui-components/MarketingFooter.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Flex, Text, TextField, View } from "@aws-amplify/ui-react"; 11 | export default function MarketingFooter(props) { 12 | const { overrides, ...rest } = props; 13 | return ( 14 | 22 | 32 | 54 | 64 | 73 | 92 | 111 | 130 | 149 | 168 | 169 | 178 | 197 | 216 | 235 | 236 | 237 | 256 | 265 | 286 | 303 | 325 | 326 | 327 | ); 328 | } 329 | -------------------------------------------------------------------------------- /ui-components/MyIcon.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { 10 | getOverrideProps, 11 | getOverridesFromVariants, 12 | mergeVariantsAndOverrides, 13 | } from "@aws-amplify/ui-react/internal"; 14 | import { Icon } from "@aws-amplify/ui-react"; 15 | export default function MyIcon(props) { 16 | const { overrides: overridesProp, ...rest } = props; 17 | const variants = [ 18 | { overrides: { MyIcon: {} }, variantValues: { type: "warning" } }, 19 | { 20 | overrides: { 21 | MyIcon: { 22 | paths: [ 23 | { 24 | d: "M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15L9 15L9 13L11 13L11 15ZM11 11L9 11L9 5L11 5L11 11Z", 25 | fill: "rgba(13,26,38,1)", 26 | fillRule: "nonzero", 27 | style: { transform: "translate(8.33%, 8.33%)" }, 28 | }, 29 | ], 30 | }, 31 | }, 32 | variantValues: { type: "alert" }, 33 | }, 34 | { 35 | overrides: { 36 | MyIcon: { 37 | paths: [ 38 | { 39 | d: "M9 5L11 5L11 7L9 7L9 5ZM9 9L11 9L11 15L9 15L9 9ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z", 40 | fill: "rgba(13,26,38,1)", 41 | fillRule: "nonzero", 42 | style: { transform: "translate(8.33%, 8.33%)" }, 43 | }, 44 | ], 45 | }, 46 | }, 47 | variantValues: { type: "info" }, 48 | }, 49 | { 50 | overrides: { 51 | MyIcon: { 52 | paths: [ 53 | { 54 | d: "M2 2L18 2L18 14L3.17 14L2 15.17L2 2ZM2 0C0.9 0 0.00999999 0.9 0.00999999 2L0 20L4 16L18 16C19.1 16 20 15.1 20 14L20 2C20 0.9 19.1 0 18 0L2 0ZM4 10L12 10L12 12L4 12L4 10ZM4 7L16 7L16 9L4 9L4 7ZM4 4L16 4L16 6L4 6L4 4Z", 55 | fill: "rgba(13,26,38,1)", 56 | fillRule: "nonzero", 57 | style: { transform: "translate(8.33%, 8.33%)" }, 58 | }, 59 | ], 60 | }, 61 | }, 62 | variantValues: { type: "chat" }, 63 | }, 64 | { 65 | overrides: { 66 | MyIcon: { 67 | paths: [ 68 | { 69 | d: "M5.59 10.58L1.42 6.41L0 7.82L5.59 13.41L17.59 1.41L16.18 0L5.59 10.58Z", 70 | fill: "rgba(13,26,38,1)", 71 | fillRule: "nonzero", 72 | style: { transform: "translate(14.21%, 23.29%)" }, 73 | }, 74 | ], 75 | }, 76 | }, 77 | variantValues: { type: "checkmark" }, 78 | }, 79 | { 80 | overrides: { 81 | MyIcon: { 82 | paths: [ 83 | { 84 | d: "M14.5 0C12.76 0 11.09 0.81 10 2.09C8.91 0.81 7.24 0 5.5 0C2.42 0 0 2.42 0 5.5C0 9.28 3.4 12.36 8.55 17.04L10 18.35L11.45 17.03C16.6 12.36 20 9.28 20 5.5C20 2.42 17.58 0 14.5 0ZM10.1 15.55L10 15.65L9.9 15.55C5.14 11.24 2 8.39 2 5.5C2 3.5 3.5 2 5.5 2C7.04 2 8.54 2.99 9.07 4.36L10.94 4.36C11.46 2.99 12.96 2 14.5 2C16.5 2 18 3.5 18 5.5C18 8.39 14.86 11.24 10.1 15.55Z", 85 | fill: "rgba(13,26,38,1)", 86 | fillRule: "nonzero", 87 | style: { transform: "translate(8.33%, 14.58%)" }, 88 | }, 89 | ], 90 | }, 91 | }, 92 | variantValues: { type: "favorite_border" }, 93 | }, 94 | { 95 | overrides: { 96 | MyIcon: { 97 | paths: [ 98 | { 99 | d: "M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6ZM2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12Z", 100 | fill: "rgba(13,26,38,1)", 101 | fillRule: "nonzero", 102 | style: { transform: "translate(41.67%, 18.75%)" }, 103 | }, 104 | ], 105 | }, 106 | }, 107 | variantValues: { type: "more_vert" }, 108 | }, 109 | { 110 | overrides: { 111 | MyIcon: { 112 | paths: [ 113 | { 114 | d: "M12 0L2 0C0.9 0 0 0.9 0 2L0 18L7 15L14 18L14 2C14 0.9 13.1 0 12 0ZM12 15L7 12.82L2 15L2 2L12 2L12 15Z", 115 | fill: "rgba(13,26,38,1)", 116 | fillRule: "nonzero", 117 | style: { transform: "translate(20.83%, 12.5%)" }, 118 | }, 119 | ], 120 | }, 121 | }, 122 | variantValues: { type: "bookmark_border" }, 123 | }, 124 | { 125 | overrides: { 126 | MyIcon: { 127 | paths: [ 128 | { 129 | d: "M15 14.08C14.24 14.08 13.56 14.38 13.04 14.85L5.91 10.7C5.96 10.47 6 10.24 6 10C6 9.76 5.96 9.53 5.91 9.3L12.96 5.19C13.5 5.69 14.21 6 15 6C16.66 6 18 4.66 18 3C18 1.34 16.66 0 15 0C13.34 0 12 1.34 12 3C12 3.24 12.04 3.47 12.09 3.7L5.04 7.81C4.5 7.31 3.79 7 3 7C1.34 7 0 8.34 0 10C0 11.66 1.34 13 3 13C3.79 13 4.5 12.69 5.04 12.19L12.16 16.35C12.11 16.56 12.08 16.78 12.08 17C12.08 18.61 13.39 19.92 15 19.92C16.61 19.92 17.92 18.61 17.92 17C17.92 15.39 16.61 14.08 15 14.08ZM15 2C15.55 2 16 2.45 16 3C16 3.55 15.55 4 15 4C14.45 4 14 3.55 14 3C14 2.45 14.45 2 15 2ZM3 11C2.45 11 2 10.55 2 10C2 9.45 2.45 9 3 9C3.55 9 4 9.45 4 10C4 10.55 3.55 11 3 11ZM15 18.02C14.45 18.02 14 17.57 14 17.02C14 16.47 14.45 16.02 15 16.02C15.55 16.02 16 16.47 16 17.02C16 17.57 15.55 18.02 15 18.02Z", 130 | fill: "rgba(13,26,38,1)", 131 | fillRule: "nonzero", 132 | style: { transform: "translate(12.5%, 8.33%)" }, 133 | }, 134 | ], 135 | }, 136 | }, 137 | variantValues: { type: "share" }, 138 | }, 139 | { 140 | overrides: { 141 | MyIcon: { 142 | paths: [ 143 | { 144 | d: "M8 0L6.59 1.41L12.17 7L0 7L0 9L12.17 9L6.59 14.59L8 16L16 8L8 0Z", 145 | fill: "rgba(13,26,38,1)", 146 | fillRule: "nonzero", 147 | style: { transform: "translate(16.67%, 16.67%)" }, 148 | }, 149 | ], 150 | }, 151 | }, 152 | variantValues: { type: "arrow-right" }, 153 | }, 154 | { 155 | overrides: { 156 | MyIcon: { 157 | paths: [ 158 | { 159 | d: "M7 4L7 0L0 7L7 14L7 9.9C12 9.9 15.5 11.5 18 15C17 10 14 5 7 4Z", 160 | fill: "rgba(13,26,38,1)", 161 | fillRule: "nonzero", 162 | style: { transform: "translate(12.5%, 20.83%)" }, 163 | }, 164 | ], 165 | }, 166 | }, 167 | variantValues: { type: "reply" }, 168 | }, 169 | { 170 | overrides: { 171 | MyIcon: { 172 | paths: [ 173 | { 174 | d: "M18 0L2 0C0.9 0 0 0.9 0 2L0 20L4 16L18 16C19.1 16 20 15.1 20 14L20 2C20 0.9 19.1 0 18 0ZM18 14L4 14L2 16L2 2L18 2L18 14Z", 175 | fill: "rgba(13,26,38,1)", 176 | fillRule: "nonzero", 177 | style: { transform: "translate(8.33%, 8.33%)" }, 178 | }, 179 | ], 180 | }, 181 | }, 182 | variantValues: { type: "chat-bubble-outline" }, 183 | }, 184 | { 185 | overrides: { 186 | MyIcon: { 187 | paths: [ 188 | { 189 | d: "M2.01 3.03L9.52 6.25L2 5.25L2.01 3.03L2.01 3.03ZM9.51 11.75L2 14.97L2 12.75L9.51 11.75L9.51 11.75ZM0.00999999 0L0 7L15 9L0 11L0.00999999 18L21 9L0.00999999 0Z", 190 | fill: "rgba(13,26,38,1)", 191 | fillRule: "nonzero", 192 | style: { transform: "translate(8.33%, 12.5%)" }, 193 | }, 194 | ], 195 | }, 196 | }, 197 | variantValues: { type: "send" }, 198 | }, 199 | { 200 | overrides: { 201 | MyIcon: { 202 | paths: [ 203 | { 204 | d: "M10 18.35L8.55 17.03C3.4 12.36 0 9.28 0 5.5C0 2.42 2.42 0 5.5 0C7.24 0 8.91 0.81 10 2.09C11.09 0.81 12.76 0 14.5 0C17.58 0 20 2.42 20 5.5C20 9.28 16.6 12.36 11.45 17.04L10 18.35Z", 205 | fill: "rgba(13,26,38,1)", 206 | fillRule: "nonzero", 207 | style: { transform: "translate(8.33%, 12.5%)" }, 208 | }, 209 | ], 210 | }, 211 | }, 212 | variantValues: { type: "favorite" }, 213 | }, 214 | { 215 | overrides: { 216 | MyIcon: { 217 | paths: [ 218 | { 219 | d: "M6.59 5.17L1.41 0L0 1.41L5.17 6.58L6.59 5.17ZM10.5 0L12.54 2.04L0 14.59L1.41 16L13.96 3.46L16 5.5L16 0L10.5 0ZM10.83 9.41L9.42 10.82L12.55 13.95L10.5 16L16 16L16 10.5L13.96 12.54L10.83 9.41L10.83 9.41Z", 220 | fill: "rgba(13,26,38,1)", 221 | fillRule: "nonzero", 222 | style: { transform: "translate(16.67%, 16.67%)" }, 223 | }, 224 | ], 225 | }, 226 | }, 227 | variantValues: { type: "shuffle" }, 228 | }, 229 | { 230 | overrides: { 231 | MyIcon: { 232 | paths: [ 233 | { 234 | d: "M2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM14 0C12.9 0 12 0.9 12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0ZM8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0Z", 235 | fill: "rgba(13,26,38,1)", 236 | fillRule: "nonzero", 237 | style: { transform: "translate(16.67%, 41.67%)" }, 238 | }, 239 | ], 240 | }, 241 | }, 242 | variantValues: { type: "more_horiz" }, 243 | }, 244 | { 245 | overrides: { 246 | MyIcon: { 247 | paths: [ 248 | { 249 | d: "M7 8.75C4.66 8.75 0 9.92 0 12.25L0 14L14 14L14 12.25C14 9.92 9.34 8.75 7 8.75ZM2.34 12C3.18 11.42 5.21 10.75 7 10.75C8.79 10.75 10.82 11.42 11.66 12L2.34 12ZM7 7C8.93 7 10.5 5.43 10.5 3.5C10.5 1.57 8.93 0 7 0C5.07 0 3.5 1.57 3.5 3.5C3.5 5.43 5.07 7 7 7ZM7 2C7.83 2 8.5 2.67 8.5 3.5C8.5 4.33 7.83 5 7 5C6.17 5 5.5 4.33 5.5 3.5C5.5 2.67 6.17 2 7 2ZM14.04 8.81C15.2 9.65 16 10.77 16 12.25L16 14L20 14L20 12.25C20 10.23 16.5 9.08 14.04 8.81L14.04 8.81ZM13 7C14.93 7 16.5 5.43 16.5 3.5C16.5 1.57 14.93 0 13 0C12.46 0 11.96 0.13 11.5 0.35C12.13 1.24 12.5 2.33 12.5 3.5C12.5 4.67 12.13 5.76 11.5 6.65C11.96 6.87 12.46 7 13 7Z", 250 | fill: "rgba(13,26,38,1)", 251 | fillRule: "nonzero", 252 | style: { transform: "translate(8.33%, 20.83%)" }, 253 | }, 254 | ], 255 | }, 256 | }, 257 | variantValues: { type: "group" }, 258 | }, 259 | { 260 | overrides: { 261 | MyIcon: { 262 | paths: [ 263 | { 264 | d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z", 265 | fill: "rgba(13,26,38,1)", 266 | fillRule: "nonzero", 267 | style: { transform: "translate(20.83%, 20.83%)" }, 268 | }, 269 | ], 270 | }, 271 | }, 272 | variantValues: { type: "close" }, 273 | }, 274 | { 275 | overrides: { 276 | MyIcon: { 277 | paths: [ 278 | { 279 | d: "M14 4L12 4C12 1.79 10.21 0 8 0C5.79 0 4 1.79 4 4L2 4C0.9 4 0 4.9 0 6L0 18C0 19.1 0.9 20 2 20L14 20C15.1 20 16 19.1 16 18L16 6C16 4.9 15.1 4 14 4ZM8 2C9.1 2 10 2.9 10 4L6 4C6 2.9 6.9 2 8 2ZM14 18L2 18L2 6L4 6L4 8C4 8.55 4.45 9 5 9C5.55 9 6 8.55 6 8L6 6L10 6L10 8C10 8.55 10.45 9 11 9C11.55 9 12 8.55 12 8L12 6L14 6L14 18Z", 280 | fill: "rgba(13,26,38,1)", 281 | fillRule: "nonzero", 282 | style: { transform: "translate(16.67%, 8.33%)" }, 283 | }, 284 | ], 285 | }, 286 | }, 287 | variantValues: { type: "shopping_bag" }, 288 | }, 289 | { 290 | overrides: { 291 | MyIcon: { 292 | paths: [ 293 | { 294 | d: "M11 6L11 16L3 16L3 6L11 6ZM9.5 0L4.5 0L3.5 1L0 1L0 3L14 3L14 1L10.5 1L9.5 0ZM13 4L1 4L1 16C1 17.1 1.9 18 3 18L11 18C12.1 18 13 17.1 13 16L13 4Z", 295 | fill: "rgba(13,26,38,1)", 296 | fillRule: "nonzero", 297 | style: { transform: "translate(20.83%, 12.5%)" }, 298 | }, 299 | ], 300 | }, 301 | }, 302 | variantValues: { type: "delete" }, 303 | }, 304 | ]; 305 | const overrides = mergeVariantsAndOverrides( 306 | getOverridesFromVariants(variants, props), 307 | overridesProp || {} 308 | ); 309 | return ( 310 | 328 | ); 329 | } 330 | -------------------------------------------------------------------------------- /ui-components/SocialB.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { Divider, Flex, Image, Text } from "@aws-amplify/ui-react"; 11 | import MyIcon from "./MyIcon"; 12 | export default function SocialB(props) { 13 | const { overrides, ...rest } = props; 14 | return ( 15 | 24 | 35 | 46 | 57 | 67 | 84 | 85 | 86 | 97 | 106 | 117 | 128 | 139 | 157 | 175 | 193 | 194 | 207 | 217 | 218 | 219 | 242 | 243 | 244 | 255 | 266 | 276 | 294 | 295 | 306 | 316 | 334 | 335 | 346 | 356 | 374 | 375 | 385 | 386 | 387 | ); 388 | } 389 | -------------------------------------------------------------------------------- /ui-components/ContactUs.jsx: -------------------------------------------------------------------------------- 1 | /*************************************************************************** 2 | * The contents of this file were generated with Amplify Studio. * 3 | * Please refrain from making any modifications to this file. * 4 | * Any changes to this file will be overwritten when running amplify pull. * 5 | **************************************************************************/ 6 | 7 | /* eslint-disable */ 8 | import React from "react"; 9 | import { getOverrideProps } from "@aws-amplify/ui-react/internal"; 10 | import { 11 | Button, 12 | Flex, 13 | Icon, 14 | SelectField, 15 | Text, 16 | TextField, 17 | View, 18 | } from "@aws-amplify/ui-react"; 19 | export default function ContactUs(props) { 20 | const { overrides, ...rest } = props; 21 | return ( 22 | 30 | 40 | 59 | 82 | 83 | 93 | 110 | 127 | 144 | 145 | 163 | 181 | 199 | 217 | 235 | 255 | 265 | 276 | 285 | 303 | 304 | 321 | 322 | 333 | 342 | 360 | 361 | 378 | 379 | 380 | 381 | ); 382 | } 383 | --------------------------------------------------------------------------------