Merge version_1 into main #1
113
src/app/page.tsx
113
src/app/page.tsx
@@ -21,90 +21,39 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Speaking",
|
||||
id: "/speaking",
|
||||
},
|
||||
{
|
||||
name: "Writing",
|
||||
id: "/writing",
|
||||
},
|
||||
]}
|
||||
brandName="IELTS Mock"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Speaking", id: "/speaking" },
|
||||
{ name: "Writing", id: "/writing" },
|
||||
]}
|
||||
brandName="IELTS Mock"
|
||||
button={{ text: "Get Started", href: "/" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Master Your IELTS Preparation"
|
||||
description="Experience a realistic, AI-powered mock examination environment with dynamic questions, performance tracking, and immediate result summaries."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/a-futuristic-and-clean-ielts-exam-dashbo-1774606537627-d6fe36dd.png",
|
||||
imageAlt: "IELTS Dashboard",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/an-image-illustrating-a-digital-speaking-1774606536650-c144e972.png",
|
||||
imageAlt: "Speaking Test",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Speaking",
|
||||
href: "/speaking",
|
||||
},
|
||||
{
|
||||
text: "Start Writing",
|
||||
href: "/writing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Master Your IELTS Preparation"
|
||||
description="Experience a realistic, AI-powered mock examination environment with dynamic questions, performance tracking, and immediate result summaries."
|
||||
leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/a-futuristic-and-clean-ielts-exam-dashbo-1774606537627-d6fe36dd.png", imageAlt: "IELTS Dashboard" }]}
|
||||
rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWY1U43IrhkrmvXfddW402CLJ4/an-image-illustrating-a-digital-speaking-1774606536650-c144e972.png", imageAlt: "Speaking Test" }]}
|
||||
buttons={[{ text: "Start Speaking", href: "/speaking" }, { text: "Start Writing", href: "/writing" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="IELTS Mock Exam"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="IELTS Mock Exam"
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,7 +6,7 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function SpeakingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -21,85 +21,43 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Speaking",
|
||||
id: "/speaking",
|
||||
},
|
||||
{
|
||||
name: "Writing",
|
||||
id: "/writing",
|
||||
},
|
||||
]}
|
||||
brandName="IELTS Mock"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Speaking", id: "/speaking" },
|
||||
{ name: "Writing", id: "/writing" },
|
||||
]}
|
||||
brandName="IELTS Mock"
|
||||
button={{ text: "Get Started", href: "/" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="speaking-content" data-section="speaking-content">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Part 1: Interview",
|
||||
description: "Short questions about your life, work, and studies.",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Part 2: Cue Card",
|
||||
description: "Long turn with a specific topic and 4 bullet points. Includes a live preparation timer.",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Part 3: Discussion",
|
||||
description: "Deeper analysis based on your Part 2 topic.",
|
||||
},
|
||||
]}
|
||||
title="Interactive Speaking Exam"
|
||||
description="Navigate through 3 parts of the speaking exam. Use the cue card timer to prepare, and mark questions as you complete them."
|
||||
/>
|
||||
</div>
|
||||
<div id="speaking-content" data-section="speaking-content">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Interactive Speaking Exam"
|
||||
description="Navigate through 3 parts of the speaking exam. Use the cue card timer to prepare, and mark questions as you complete them."
|
||||
features={[
|
||||
{ id: 1, title: "Part 1: Interview", description: "Short questions about your life, work, and studies." },
|
||||
{ id: 2, title: "Part 2: Cue Card", description: "Long turn with a specific topic and 4 bullet points. Includes a live preparation timer." },
|
||||
{ id: 3, title: "Part 3: Discussion", description: "Deeper analysis based on your Part 2 topic." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="IELTS Mock Exam"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="IELTS Mock Exam"
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -6,7 +6,7 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function WritingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -21,85 +21,42 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Speaking",
|
||||
id: "/speaking",
|
||||
},
|
||||
{
|
||||
name: "Writing",
|
||||
id: "/writing",
|
||||
},
|
||||
]}
|
||||
brandName="IELTS Mock"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Speaking", id: "/speaking" },
|
||||
{ name: "Writing", id: "/writing" },
|
||||
]}
|
||||
brandName="IELTS Mock"
|
||||
button={{ text: "Get Started", href: "/" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="writing-content" data-section="writing-content">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Part 1: Interview",
|
||||
description: "Short questions about your life, work, and studies.",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Part 2: Cue Card",
|
||||
description: "Long turn with a specific topic and 4 bullet points. Includes a live preparation timer.",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Part 3: Discussion",
|
||||
description: "Deeper analysis based on your Part 2 topic.",
|
||||
},
|
||||
]}
|
||||
title="Interactive Speaking Exam"
|
||||
description="Navigate through 3 parts of the speaking exam. Use the cue card timer to prepare, and mark questions as you complete them."
|
||||
/>
|
||||
</div>
|
||||
<div id="writing-content" data-section="writing-content">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Professional Writing Module"
|
||||
description="Write your responses directly into our interface. Track your word count in real-time for Task 1 and Task 2."
|
||||
features={[
|
||||
{ id: 1, title: "Task 1", description: "Analyze charts, graphs, or write formal letters." },
|
||||
{ id: 2, title: "Task 2", description: "Write an academic essay (250+ words) on various global topics." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="IELTS Mock Exam"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="IELTS Mock Exam"
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user