diff --git a/src/components/landing-page/DemonstratorChooser.tsx b/src/components/landing-page/DemonstratorChooser.tsx index ede48b3..f44a8e5 100644 --- a/src/components/landing-page/DemonstratorChooser.tsx +++ b/src/components/landing-page/DemonstratorChooser.tsx @@ -10,6 +10,12 @@ export const DemonstratorChooser = (props: GridProps) => ( title="Mixed Integer Programming" description="The MIP problem is a mathematical optimization problem where some or all of the variables are restricted to be integers." /> + ); diff --git a/src/pages/demonstrate/MoleculeEnergySimulator.tsx b/src/pages/demonstrate/MoleculeEnergySimulator.tsx new file mode 100644 index 0000000..85c38fc --- /dev/null +++ b/src/pages/demonstrate/MoleculeEnergySimulator.tsx @@ -0,0 +1,32 @@ +import { Flex, Heading, Text } from "@chakra-ui/react"; +import { NextPage } from "next"; +import { useState } from "react"; +import { Demonstrator } from "../../components/demonstrators/Demonstrator"; +import { Layout } from "../../components/layout/Layout"; + +const MoleculeEnergySimulator: NextPage = () => { + const [svg, setSvg] = useState(null); + + return ( + + Molecule Energy Simulator + + This demonstrator will compute the ground state energy for a given + molecule using VQE algorithm. The molecule input is given in XYZ Format. + + + + + {svg && ( + +
+ + )} + + ); +}; + +export default MoleculeEnergySimulator;