Update src/app/page.tsx
This commit is contained in:
467
src/app/page.tsx
467
src/app/page.tsx
@@ -17,362 +17,133 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dr Paper"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dr Paper"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Professional Writing Services That Guarantee Results"
|
||||
description="Essays, research papers, and copywriting delivered on time. Trusted by thousands of students and professionals."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Exceptional work, delivered right on deadline. My grade improved significantly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-outdoors_23-2148002534.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Michael R.",
|
||||
handle: "@m_r_99",
|
||||
testimonial: "Very high quality research and zero plagiarism. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Emily D.",
|
||||
handle: "@emily_d",
|
||||
testimonial: "Dr Paper saved me during finals week. Fast, accurate, and professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Kevin L.",
|
||||
handle: "@kevin_l",
|
||||
testimonial: "Clear communication and perfect execution. Will use again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-beautiful-woman-looks-away-dressed-casual-green-jumper-holds-notebook-pencil-focused-somewhere-stands-near-modern-urban-building-background_273609-61333.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Julia M.",
|
||||
handle: "@julia_m",
|
||||
testimonial: "The best writing service I have used. Highly detailed and original.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-graduate-uniform-looking-confident_176474-82418.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Paper",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-outdoors_23-2148002534.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Michael R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg",
|
||||
alt: "Emily D.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-beautiful-woman-looks-away-dressed-casual-green-jumper-holds-notebook-pencil-focused-somewhere-stands-near-modern-urban-building-background_273609-61333.jpg",
|
||||
alt: "Kevin L.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-graduate-uniform-looking-confident_176474-82418.jpg",
|
||||
alt: "Julia M.",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ students"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Original",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Turnaround",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ph.D. Experts",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Confidential",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Professional Writing Services That Guarantee Results"
|
||||
description="Essays, research papers, and copywriting delivered on time. Trusted by thousands of students and professionals."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarah_j", testimonial: "Exceptional work, delivered right on deadline. My grade improved significantly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-outdoors_23-2148002534.jpg" },
|
||||
{ name: "Michael R.", handle: "@m_r_99", testimonial: "Very high quality research and zero plagiarism. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
|
||||
{ name: "Emily D.", handle: "@emily_d", testimonial: "Dr Paper saved me during finals week. Fast, accurate, and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg" },
|
||||
{ name: "Kevin L.", handle: "@kevin_l", testimonial: "Clear communication and perfect execution. Will use again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-beautiful-woman-looks-away-dressed-casual-green-jumper-holds-notebook-pencil-focused-somewhere-stands-near-modern-urban-building-background_273609-61333.jpg" },
|
||||
{ name: "Julia M.", handle: "@julia_m", testimonial: "The best writing service I have used. Highly detailed and original.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-graduate-uniform-looking-confident_176474-82418.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Get Your Paper", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-businesswoman-outdoors_23-2148002534.jpg", alt: "Sarah J." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Michael R." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg", alt: "Emily D." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-beautiful-woman-looks-away-dressed-casual-green-jumper-holds-notebook-pencil-focused-somewhere-stands-near-modern-urban-building-background_273609-61333.jpg", alt: "Kevin L." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-graduate-uniform-looking-confident_176474-82418.jpg", alt: "Julia M." },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ students"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "100% Original", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Fast Turnaround", icon: Clock },
|
||||
{ type: "text-icon", text: "Ph.D. Experts", icon: Award },
|
||||
{ type: "text-icon", text: "Confidential", icon: Shield },
|
||||
{ type: "text-icon", text: "24/7 Support", icon: Headphones },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Academic Writing",
|
||||
tags: [
|
||||
"Essays",
|
||||
"Research",
|
||||
"Thesis",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg?_wi=2",
|
||||
imageAlt: "modern academic writing workspace",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Copywriting",
|
||||
tags: [
|
||||
"Blogs",
|
||||
"Web Content",
|
||||
"Ads",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-outdoors_23-2148002534.jpg?_wi=2",
|
||||
imageAlt: "student portrait happy professional",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Editing & Proofreading",
|
||||
tags: [
|
||||
"Grammar",
|
||||
"Syntax",
|
||||
"Clarity",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg?_wi=2",
|
||||
imageAlt: "student with laptop portrait",
|
||||
},
|
||||
]}
|
||||
title="Services We Offer"
|
||||
description="Comprehensive writing solutions for every academic and professional need."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Academic Writing", tags: ["Essays", "Research", "Thesis"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg" },
|
||||
{ id: "s2", title: "Copywriting", tags: ["Blogs", "Web Content", "Ads"], imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-outdoors_23-2148002534.jpg" },
|
||||
{ id: "s3", title: "Editing & Proofreading", tags: ["Grammar", "Syntax", "Clarity"], imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
|
||||
]}
|
||||
title="Services We Offer"
|
||||
description="Comprehensive writing solutions for every academic and professional need."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Standard Paper",
|
||||
price: "$25",
|
||||
period: "per page",
|
||||
features: [
|
||||
"Research included",
|
||||
"Plagiarism-free",
|
||||
"Standard deadline",
|
||||
],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg?_wi=2",
|
||||
imageAlt: "mature student smiling portrait",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Professional Copy",
|
||||
price: "$45",
|
||||
period: "per 500 words",
|
||||
features: [
|
||||
"Expert writer",
|
||||
"Unlimited revisions",
|
||||
"SEO optimized",
|
||||
],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-beautiful-woman-looks-away-dressed-casual-green-jumper-holds-notebook-pencil-focused-somewhere-stands-near-modern-urban-building-background_273609-61333.jpg?_wi=2",
|
||||
imageAlt: "college student portrait natural",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Premium Research",
|
||||
price: "$70",
|
||||
period: "per page",
|
||||
features: [
|
||||
"Ph.D. level writer",
|
||||
"Priority support",
|
||||
"Rush delivery",
|
||||
],
|
||||
button: {
|
||||
text: "Order Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-graduate-uniform-looking-confident_176474-82418.jpg?_wi=2",
|
||||
imageAlt: "graduate student portrait professional",
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple pricing to fit your needs. Starting from $25."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", title: "Standard Paper", price: "$25", period: "per page", features: ["Research included", "Plagiarism-free", "Standard deadline"], button: { text: "Order Now" }, imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-africanamerican-female-student-smiling-pleased-showing-okay-sign-like-some_1258-137770.jpg" },
|
||||
{ id: "p2", title: "Professional Copy", price: "$45", period: "per 500 words", features: ["Expert writer", "Unlimited revisions", "SEO optimized"], button: { text: "Order Now" }, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-pensive-curly-haired-young-beautiful-woman-looks-away-dressed-casual-green-jumper-holds-notebook-pencil-focused-somewhere-stands-near-modern-urban-building-background_273609-61333.jpg" },
|
||||
{ id: "p3", title: "Premium Research", price: "$70", period: "per page", features: ["Ph.D. level writer", "Priority support", "Rush delivery"], button: { text: "Order Now" }, imageSrc: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-graduate-uniform-looking-confident_176474-82418.jpg" },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Simple pricing to fit your needs. Starting from $25."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our professional writing process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you ensure originality?",
|
||||
content: "Every paper undergoes rigorous plagiarism checks using professional software before delivery.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I request revisions?",
|
||||
content: "Yes, we offer unlimited revisions to ensure the final product meets your exact requirements.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your writers qualified?",
|
||||
content: "All our writers are subject matter experts with advanced academic degrees in their respective fields.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Is my information confidential?",
|
||||
content: "We prioritize your privacy and never share your details or order information with third parties.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you meet tight deadlines?",
|
||||
content: "We are equipped to handle urgent orders and always strive to deliver well before your specified deadline.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our professional writing process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg"
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do you ensure originality?", content: "Every paper undergoes rigorous plagiarism checks using professional software before delivery." },
|
||||
{ id: "f2", title: "Can I request revisions?", content: "Yes, we offer unlimited revisions to ensure the final product meets your exact requirements." },
|
||||
{ id: "f3", title: "Are your writers qualified?", content: "All our writers are subject matter experts with advanced academic degrees in their respective fields." },
|
||||
{ id: "f4", title: "Is my information confidential?", content: "We prioritize your privacy and never share your details or order information with third parties." },
|
||||
{ id: "f5", title: "Do you meet tight deadlines?", content: "We are equipped to handle urgent orders and always strive to deliver well before your specified deadline." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get Your Paper Today"
|
||||
description="Fast & Reliable service. Fill out the form to request a quote."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "service",
|
||||
type: "text",
|
||||
placeholder: "Type of Work",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "instructions",
|
||||
placeholder: "Project details or deadline...",
|
||||
required: true,
|
||||
}}
|
||||
buttonText="Submit Order"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg?_wi=4"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get Your Paper Today"
|
||||
description="Fast & Reliable service. Fill out the form to request a quote."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "service", type: "text", placeholder: "Type of Work", required: true },
|
||||
]}
|
||||
textarea={{ name: "instructions", placeholder: "Project details or deadline...", required: true }}
|
||||
buttonText="Submit Order"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-copy-space_23-2148226848.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Academic",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Copywriting",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Dr Paper"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Academic", href: "#services" }, { label: "Copywriting", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="Dr Paper"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user