Merge version_1 into main #2
185
src/app/page.tsx
185
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Shruthi Balachander"
|
||||
/>
|
||||
@@ -58,92 +48,51 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Shruthi Balachander"
|
||||
description="Student | Future Professional | Lifelong Learner. Passionate about business, policy, advocacy, and non-profits."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Shruthi Balachander",
|
||||
handle: "@student",
|
||||
testimonial: "I've always enjoyed learning about many fields of study and topics and this has allowed me to pick up several different skills.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=1",
|
||||
},
|
||||
name: "Shruthi Balachander", handle: "@student", testimonial: "I've always enjoyed learning about many fields of study and topics and this has allowed me to pick up several different skills.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@mentor",
|
||||
testimonial: "Shruthi is an exceptionally dedicated student with a bright future in advocacy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=2",
|
||||
},
|
||||
name: "Sarah J.", handle: "@mentor", testimonial: "Shruthi is an exceptionally dedicated student with a bright future in advocacy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@peer",
|
||||
testimonial: "Collaborating with Shruthi on projects is always a rewarding experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=3",
|
||||
},
|
||||
name: "David W.", handle: "@peer", testimonial: "Collaborating with Shruthi on projects is always a rewarding experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
{
|
||||
name: "Maria K.",
|
||||
handle: "@leader",
|
||||
testimonial: "Her leadership in our podcast initiative has been truly inspiring.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=4",
|
||||
},
|
||||
name: "Maria K.", handle: "@leader", testimonial: "Her leadership in our podcast initiative has been truly inspiring.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
{
|
||||
name: "James L.",
|
||||
handle: "@teacher",
|
||||
testimonial: "A natural communicator who excels at maximizing the potential of every team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=5",
|
||||
},
|
||||
name: "James L.", handle: "@teacher", testimonial: "A natural communicator who excels at maximizing the potential of every team.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", alt: "Avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Business Strategy",
|
||||
},
|
||||
type: "text", text: "Business Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Policy Advocacy",
|
||||
},
|
||||
type: "text", text: "Policy Advocacy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Non-Profit Management",
|
||||
},
|
||||
type: "text", text: "Non-Profit Management"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Public Speaking",
|
||||
},
|
||||
type: "text", text: "Public Speaking"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Research & Writing",
|
||||
},
|
||||
type: "text", text: "Research & Writing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,49 +113,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Experiences",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Experiences", members: [
|
||||
{
|
||||
id: "e1",
|
||||
title: "Student Intern",
|
||||
subtitle: "Northview High School",
|
||||
detail: "As a 3DE Senior, I take initiative and leverage humility and willingness to learn to contribute to company objectives.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=7",
|
||||
},
|
||||
id: "e1", title: "Student Intern", subtitle: "Northview High School", detail: "As a 3DE Senior, I take initiative and leverage humility and willingness to learn to contribute to company objectives."},
|
||||
{
|
||||
id: "e2",
|
||||
title: "Podcast Leader",
|
||||
subtitle: "Above & Beyond",
|
||||
detail: "Leading with passion, resilience, and humility to inspire and share knowledge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-library-studying-using-laptop_23-2148448032.jpg?_wi=1",
|
||||
},
|
||||
id: "e2", title: "Podcast Leader", subtitle: "Above & Beyond", detail: "Leading with passion, resilience, and humility to inspire and share knowledge."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg?_wi=8",
|
||||
imageAlt: "student portrait modern professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-attractive-freckled-woman-with-curly-hair-smiles-positively-being-good-mood_273609-18500.jpg", imageAlt: "student portrait modern professional"},
|
||||
{
|
||||
id: "g2",
|
||||
groupTitle: "Personality Tests",
|
||||
members: [
|
||||
id: "g2", groupTitle: "Personality Tests", members: [
|
||||
{
|
||||
id: "p1",
|
||||
title: "Myers-Briggs",
|
||||
subtitle: "Protagonist",
|
||||
detail: "Leaving a positive legacy is a key priority.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150726404.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", title: "Myers-Briggs", subtitle: "Protagonist", detail: "Leaving a positive legacy is a key priority."},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Strengths",
|
||||
subtitle: "Communication & Maximizer",
|
||||
detail: "I love public speaking and constantly go above and beyond.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-volunteering-foodbank_23-2149012190.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", title: "Strengths", subtitle: "Communication & Maximizer", detail: "I love public speaking and constantly go above and beyond."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-library-studying-using-laptop_23-2148448032.jpg?_wi=2",
|
||||
imageAlt: "student working on laptop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-library-studying-using-laptop_23-2148448032.jpg", imageAlt: "student working on laptop"},
|
||||
]}
|
||||
title="Experience & Personality"
|
||||
description="A glimpse into my professional journey, strengths, and personality."
|
||||
@@ -221,23 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "w1",
|
||||
name: "Business Project",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150726404.jpg?_wi=2",
|
||||
},
|
||||
id: "w1", name: "Business Project", price: "View Project", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150726404.jpg"},
|
||||
{
|
||||
id: "w2",
|
||||
name: "Non-Profit Initiative",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-people-volunteering-foodbank_23-2149012190.jpg?_wi=2",
|
||||
},
|
||||
id: "w2", name: "Non-Profit Initiative", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/group-people-volunteering-foodbank_23-2149012190.jpg"},
|
||||
{
|
||||
id: "w3",
|
||||
name: "Speaking Engagement",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-group-therapy-meeting_23-2151083365.jpg",
|
||||
},
|
||||
id: "w3", name: "Speaking Engagement", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/authentic-group-therapy-meeting_23-2151083365.jpg"},
|
||||
]}
|
||||
title="Portfolio & Work Samples"
|
||||
description="A collection of my projects and accomplishments."
|
||||
@@ -248,16 +157,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Interested in working together?"
|
||||
description="Feel free to reach out to discuss opportunities or collaborations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "mailto:shruthi@example.com",
|
||||
},
|
||||
text: "Get in Touch", href: "mailto:shruthi@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -266,16 +172,11 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user