- {roundState.vote_count} votes
+ )}
+
+ {endTime && !isEnded && !busy && (
+
- You voted
+ )}
+
+ {busy &&
}
+ {isLoading && !roundState && !busy &&
}
+
+ {/* Active poll — voting actions */}
+ {roundState && !isEnded && (
+
+ {noPollSelected && (
+
+ {hasVotedInCurrentRound ? 'Select an option to update your vote' : 'Select your favorite'}
+
+ )}
+
+
+
- )}
- {voteStatusLoading && (
-
- Checking...
-
- )}
-
- )}
-
- {endTime && !isEnded && !isCastingVote && (
-
-
-
- )}
- {(isCastingVote || isMasking) &&
}
- {loading && !isCastingVote && !isMasking &&
}
-
- {pollOptions.map((poll) => (
-
-
handleChecked(poll)}>
- {poll.label}
-
- ))}
+ )}
+
+ {/* Poll over — tallying / results, no more voting */}
+ {roundState && isEnded && (
+
+ {tallyReady ? (
+ <>
+
The threshold committee has decrypted the result.
+
+
+
+
+ ) : (
+
+ Voting is closed. Ballots are being tallied under encryption — results will appear here once the committee publishes the
+ decrypted tally.
+
+ )}
+
+ )}
- {roundState && (
-
- {noPollSelected && !isEnded && (
-
- {hasVotedInCurrentRound ? 'Select an option to update your vote' : 'Select your favorite'}
+
+ {/* Right — faceoff + ciphertext */}
+ {hasPoll && (
+
+
+
+
+ vs
- )}
-
-
+
+
+
+
+
+ {busy ? 'Encrypting your ballot…' : 'Your ballot will be encrypted before it leaves this page'}
+
+
+
)}
-
-
+
+
)
}
diff --git a/examples/CRISP/client/src/pages/Landing/components/Hero.tsx b/examples/CRISP/client/src/pages/Landing/components/Hero.tsx
index b35c32c0e4..055b1696d0 100644
--- a/examples/CRISP/client/src/pages/Landing/components/Hero.tsx
+++ b/examples/CRISP/client/src/pages/Landing/components/Hero.tsx
@@ -5,63 +5,92 @@
// or FITNESS FOR A PARTICULAR PURPOSE.
import React from 'react'
-import Logo from '@/assets/icons/logo.svg'
-import CircularTiles from '@/components/CircularTiles'
import { Link } from 'react-router-dom'
import { Keyhole, ListMagnifyingGlass, ShieldCheck } from '@phosphor-icons/react'
+import { EditorialShell, Cipher, MarkerUnderline } from '@/design/Editorial'
+
+const PRINCIPLES = [
+ {
+ icon: Keyhole,
+ label: 'Private',
+ body: 'Voter privacy through fully homomorphic encryption — ballots are encrypted before they ever leave your device.',
+ },
+ {
+ icon: ListMagnifyingGlass,
+ label: 'Reliable',
+ body: 'Verifiable results while preserving confidentiality. The tally is computed on ciphertext and proven correct.',
+ },
+ {
+ icon: ShieldCheck,
+ label: 'Equitable',
+ body: 'Robust safeguards against coercion and tampering, with a threshold committee that no single party controls.',
+ },
+]
const HeroSection: React.FC = () => {
return (
-
-
-
-
-
-
-
Introducing
-
-
Coercion-Resistant Impartial Selection Protocol
-
-
- -
-
-
-
Private.
- Voter privacy through advanced encryption.
+
+
+
+ {/* Left — editorial copy */}
+
+
+
Coercion-Resistant Impartial Selection Protocol
+
+ Crisp
+
+
+ Secret-ballot voting you can actually verify. Cast an encrypted vote, let a threshold committee open only the final tally —
+ and nobody, not even the people running the election, learns how you voted.
+
-
-
-
-
-
-
Reliable.
- Verifiable results while preserving confidentiality.
+
+
+
+
+
+
+
+ Try the demo →
+
+
-
-
-
-
-
- Equitable.
- Robust safeguards against coercion and tampering.
+
+
+ {/* Right — ciphertext visual */}
+
+
+
+ Your ballot, encrypted
+ FHE
+
+
+
+
+ This is what a vote looks like on-chain — opaque to everyone, tallied without ever being decrypted.
+
-
-
-
-
-
This is a simple demonstration of CRISP technology.
-
-
Learn more.
-
-
-
-
-
-
{customLabel}
-
- {pollsToShow.map((poll: PollResult) => (
-
- ))}
-
-
-
-
-
{customLabel}
+
+ {pollsToShow.map((poll: PollResult) => (
+
+ ))}
+
-
-
-
-
+
+
{loading && !pollResult && (
@@ -68,22 +65,19 @@ const PollResult: React.FC = () => {
)}
{!loading && pollResult && (
-
-
-
-
Poll {pollResult.roundId}
-
- {type === 'confirmation' ? 'Thanks for voting!' : 'Poll Results'}
-
- {type !== 'confirmation' &&
{formatDate(pollResult.date)}
}
-
- {type === 'confirmation' && roundEndDate && (
-
-
-
- )}
-
+
+
+
Poll {pollResult.roundId}
+
{type === 'confirmation' ? 'Thanks for voting!' : 'Poll Results'}
+ {type !== 'confirmation' &&
{formatDate(pollResult.date)}
}
+ {type === 'confirmation' && roundEndDate && (
+
+ )}
+
{
{type === 'confirmation' && txUrl && }
{type !== 'confirmation' && (
-
-
WHAT JUST HAPPENED?
-
-
- After casting your vote, CRISP securely processed your selection using a blend of Fully Homomorphic Encryption (FHE),
- threshold cryptography, and zero-knowledge proofs (ZKPs), without revealing your identity or choice. Your vote was
- encrypted and anonymously aggregated with others, ensuring the integrity of the voting process while strictly
- maintaining confidentiality. The protocol's advanced cryptographic techniques guarantee that your vote contributes to
- the final outcome without any risk of privacy breaches or undue influence.
-
-
+
+
WHAT JUST HAPPENED?
+
+ After casting your vote, CRISP securely processed your selection using a blend of Fully Homomorphic Encryption (FHE),
+ threshold cryptography, and zero-knowledge proofs (ZKPs), without revealing your identity or choice. Your vote was
+ encrypted and anonymously aggregated with others, ensuring the integrity of the voting process while strictly
+ maintaining confidentiality. The protocol's advanced cryptographic techniques guarantee that your vote contributes to
+ the final outcome without any risk of privacy breaches or undue influence.
+
-
-
WHAT DOES THIS MEAN?
-
+
+
WHAT DOES THIS MEAN?
+
Your participation has directly contributed to a transparent and fair decision-making process, showcasing the power of
privacy-preserving technology in governance and beyond. The use of CRISP in this vote represents a significant step
towards secure, anonymous, and tamper-proof digital elections and polls. This innovation ensures that every vote counts
@@ -119,15 +111,11 @@ const PollResult: React.FC = () => {
)}
- {pastPolls.length > 0 && (
-
- )}
+ {pastPolls.length > 0 &&
}
)}
-
-