Update src/app/page.tsx
This commit is contained in:
248
src/app/page.tsx
248
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Cpu, Table, Download } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Simulator",
|
||||
id: "#simulator",
|
||||
},
|
||||
{
|
||||
name: "Circuits",
|
||||
id: "#circuits",
|
||||
},
|
||||
{
|
||||
name: "Docs",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Login",
|
||||
id: "#auth",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Simulator", id: "#simulator" },
|
||||
{ name: "Circuits", id: "#circuits" },
|
||||
{ name: "Docs", id: "#faq" },
|
||||
{ name: "Login", id: "#auth" },
|
||||
]}
|
||||
brandName="LogicSim"
|
||||
/>
|
||||
@@ -60,34 +46,14 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Master Digital Electronics"
|
||||
description="The professional simulator for logic design, combinational circuits, and digital architecture."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Simulating",
|
||||
href: "#simulator",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Simulating", href: "#simulator" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
alt: "Expert engineer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
|
||||
alt: "Senior architect profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",
|
||||
alt: "Research lead profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
alt: "Lead developer profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg",
|
||||
alt: "System designer profile",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Expert engineer profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", alt: "Senior architect profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", alt: "Research lead profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", alt: "Lead developer profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg", alt: "System designer profile" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ engineers worldwide"
|
||||
/>
|
||||
@@ -98,34 +64,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Interactive Gates",
|
||||
description: "Drag and drop logic gates with real-time propagation.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-monitoring-system-diagnostics-isolated-screen-tablet-chatting-with-colleague_482257-136495.jpg",
|
||||
imageAlt: "Astronaut monitoring system diagnostics on isolated screen tablet chatting with colleague during",
|
||||
},
|
||||
{
|
||||
title: "Circuit Builder",
|
||||
description: "Construct complex adders and ALUs effortlessly.",
|
||||
buttonIcon: "Cpu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg?_wi=2",
|
||||
imageAlt: "Astronaut monitoring system diagnostics on isolated screen tablet chatting with colleague during",
|
||||
},
|
||||
{
|
||||
title: "Truth Tables",
|
||||
description: "Auto-generate tables as you modify your circuit.",
|
||||
buttonIcon: "Table",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147865232.jpg?_wi=1",
|
||||
imageAlt: "Astronaut monitoring system diagnostics on isolated screen tablet chatting with colleague during",
|
||||
},
|
||||
{
|
||||
title: "Export Designs",
|
||||
description: "Save and load your schematics to the cloud.",
|
||||
buttonIcon: "Download",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174310.jpg?_wi=1",
|
||||
imageAlt: "Astronaut monitoring system diagnostics on isolated screen tablet chatting with colleague during",
|
||||
},
|
||||
{ title: "Interactive Gates", description: "Drag and drop logic gates with real-time propagation.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/astronaut-monitoring-system-diagnostics-isolated-screen-tablet-chatting-with-colleague_482257-136495.jpg", imageAlt: "Astronaut monitoring system diagnostics" },
|
||||
{ title: "Circuit Builder", description: "Construct complex adders and ALUs effortlessly.", buttonIcon: Cpu, imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "Circuit builder tool" },
|
||||
{ title: "Truth Tables", description: "Auto-generate tables as you modify your circuit.", buttonIcon: Table, imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147865232.jpg", imageAlt: "Truth table generator" },
|
||||
{ title: "Export Designs", description: "Save and load your schematics to the cloud.", buttonIcon: Download, imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174310.jpg", imageAlt: "Export schematic interface" },
|
||||
]}
|
||||
title="Platform Features"
|
||||
description="Engineered for clarity and performance."
|
||||
@@ -139,42 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "and-gate",
|
||||
name: "AND Gate",
|
||||
price: "Input: 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147865232.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "or-gate",
|
||||
name: "OR Gate",
|
||||
price: "Input: 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174310.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "not-gate",
|
||||
name: "NOT Gate",
|
||||
price: "Input: 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204917.jpg",
|
||||
},
|
||||
{
|
||||
id: "nand-gate",
|
||||
name: "NAND Gate",
|
||||
price: "Input: 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/symmetry-background-design_1040-1117.jpg",
|
||||
},
|
||||
{
|
||||
id: "nor-gate",
|
||||
name: "NOR Gate",
|
||||
price: "Input: 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147865233.jpg",
|
||||
},
|
||||
{
|
||||
id: "xor-gate",
|
||||
name: "XOR Gate",
|
||||
price: "Input: 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529454.jpg",
|
||||
},
|
||||
{ id: "and-gate", name: "AND Gate", price: "Input: 2", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147865232.jpg" },
|
||||
{ id: "or-gate", name: "OR Gate", price: "Input: 2", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174310.jpg" },
|
||||
{ id: "not-gate", name: "NOT Gate", price: "Input: 1", imageSrc: "http://img.b2bpic.net/free-photo/arrow-with-bright-neon-colors_23-2151204917.jpg" },
|
||||
{ id: "nand-gate", name: "NAND Gate", price: "Input: 2", imageSrc: "http://img.b2bpic.net/free-vector/symmetry-background-design_1040-1117.jpg" },
|
||||
{ id: "nor-gate", name: "NOR Gate", price: "Input: 2", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection_23-2147865233.jpg" },
|
||||
{ id: "xor-gate", name: "XOR Gate", price: "Input: 2", imageSrc: "http://img.b2bpic.net/free-vector/technology-logo-template_23-2150529454.jpg" },
|
||||
]}
|
||||
title="Interactive Logic Simulator"
|
||||
description="The workspace for building and testing digital logic."
|
||||
@@ -187,27 +99,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "half-adder",
|
||||
value: "2 Inputs",
|
||||
title: "Half Adder",
|
||||
description: "Sum and Carry outputs logic block.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg",
|
||||
},
|
||||
{
|
||||
id: "full-adder",
|
||||
value: "3 Inputs",
|
||||
title: "Full Adder",
|
||||
description: "Chain multiple adders for larger sum.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/view-computer-chip_23-2151681380.jpg",
|
||||
},
|
||||
{
|
||||
id: "mux",
|
||||
value: "4 to 1",
|
||||
title: "Multiplexer",
|
||||
description: "Data selector logic configuration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-60304.jpg",
|
||||
},
|
||||
{ id: "half-adder", value: "2 Inputs", title: "Half Adder", description: "Sum and Carry outputs logic block.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg" },
|
||||
{ id: "full-adder", value: "3 Inputs", title: "Full Adder", description: "Chain multiple adders for larger sum.", imageSrc: "http://img.b2bpic.net/free-psd/view-computer-chip_23-2151681380.jpg" },
|
||||
{ id: "mux", value: "4 to 1", title: "Multiplexer", description: "Data selector logic configuration.", imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-60304.jpg" },
|
||||
]}
|
||||
title="Combinational Circuits"
|
||||
description="Pre-built adders for advanced circuit design."
|
||||
@@ -219,14 +113,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Access Your Projects"
|
||||
buttons={[
|
||||
{
|
||||
text: "Log In",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Log In", href: "#" },
|
||||
{ text: "Sign Up", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -238,26 +126,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Dr. Elena Vance"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
alt: "Professor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
|
||||
alt: "Designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
|
||||
alt: "Developer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Industry Expert",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Professor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "Student" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Developer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Industry Expert" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -268,21 +141,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the simulator browser-based?",
|
||||
content: "Yes, everything runs directly in your browser.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I save my designs?",
|
||||
content: "Yes, projects persist to your local account.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Does it support complex gates?",
|
||||
content: "It supports standard logic and custom combinational blocks.",
|
||||
},
|
||||
{ id: "q1", title: "Is the simulator browser-based?", content: "Yes, everything runs directly in your browser." },
|
||||
{ id: "q2", title: "Can I save my designs?", content: "Yes, projects persist to your local account." },
|
||||
{ id: "q3", title: "Does it support complex gates?", content: "It supports standard logic and custom combinational blocks." },
|
||||
]}
|
||||
sideTitle="Questions & Answers"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -292,16 +153,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Need help with your circuit design? Contact our support team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Support",
|
||||
href: "mailto:support@logicsim.io",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Email Support", href: "mailto:support@logicsim.io" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -309,29 +163,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Simulator",
|
||||
href: "#simulator",
|
||||
},
|
||||
{
|
||||
label: "Circuits",
|
||||
href: "#circuits",
|
||||
},
|
||||
title: "Product", items: [
|
||||
{ label: "Simulator", href: "#simulator" },
|
||||
{ label: "Circuits", href: "#circuits" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user