Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -31,9 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Explore", id: "/listings" },
-        { name: "How it Works", id: "features" },
+        { name: "Hem", id: "hero" },
+        { name: "Utforska", id: "/listings" },
+        { name: "Hur det fungerar", id: "features" },
         { name: "Support", id: "faq" },
       ]}
       brandName="RentShare"
@@ -42,22 +42,22 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="Borrow More. Own Less. Live Better."
-      description="Unlock a world of possibilities right in your neighborhood. Rent tools, home appliances, and hobbies from verified neighbors safely and affordably."
+      title="Låna mer. Äg mindre. Lev bättre."
+      description="Lås upp en värld av möjligheter direkt i ditt grannskap. Hyr verktyg, hushållsapparater och hobbyutrustning från verifierade grannar säkert och prisvärt."
       buttons={[
-        { text: "Start Renting", href: "/listings" },
-        { text: "Learn More", href: "#features" },
+        { text: "Börja hyra", href: "/listings" },
+        { text: "Läs mer", href: "#features" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/diverse-man-woman-doing-online-shopping-buy-furniture-browsing-internet-website-home-decor-inspiration-moving-rented-apartment-property-together-relationship-event_482257-49843.jpg"
-      imageAlt="Community sharing items"
+      imageAlt="Community delar föremål"
       avatars={[
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-family-sitting-table_23-2150231635.jpg", alt: "Community member 1" },
-        { src: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg", alt: "Community member 2" },
-        { src: "http://img.b2bpic.net/free-photo/property-market-with-house-shopping-cart-phone_1150-17830.jpg", alt: "Community member 3" },
-        { src: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg", alt: "Community member 4" },
-        { src: "http://img.b2bpic.net/free-photo/business-woman-man-sitting-pile-coins-front-view_23-2148419656.jpg", alt: "Community member 5" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-family-sitting-table_23-2150231635.jpg", alt: "Grannskapsmedlem 1" },
+        { src: "http://img.b2bpic.net/free-photo/real-estate-housing-brokerage-concept_53876-120663.jpg", alt: "Grannskapsmedlem 2" },
+        { src: "http://img.b2bpic.net/free-photo/property-market-with-house-shopping-cart-phone_1150-17830.jpg", alt: "Grannskapsmedlem 3" },
+        { src: "http://img.b2bpic.net/free-photo/architecture-real-estate-building-concept_53876-124771.jpg", alt: "Grannskapsmedlem 4" },
+        { src: "http://img.b2bpic.net/free-photo/business-woman-man-sitting-pile-coins-front-view_23-2148419656.jpg", alt: "Grannskapsmedlem 5" },
       ]}
-      avatarText="Trusted by 500+ neighbors"
+      avatarText="Betrodd av 500+ grannar"
     />
   </div>
 
@@ -67,12 +67,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { id: "f1", label: "Security", title: "Verified Community", items: ["Every member is identity-verified for safety.", "Direct messaging through secure platform.", "Public ratings build trust between users."] },
-        { id: "f2", label: "Protection", title: "Guaranteed Safety", items: ["Items covered by our RentShare Protection.", "Deposit management handled securely.", "Clear damage policy for peace of mind."] },
-        { id: "f3", label: "Sustainability", title: "Circular Economy", items: ["Reduce waste by sharing unused goods.", "Reduce carbon footprint locally.", "Affordable access to quality equipment."] },
+        { id: "f1", label: "Säkerhet", title: "Verifierad gemenskap", items: ["Varje medlem är identitetsverifierad för säkerhet.", "Direktmeddelanden via en säker plattform.", "Publika betyg bygger förtroende mellan användare."] },
+        { id: "f2", label: "Skydd", title: "Garanterad säkerhet", items: ["Föremål täcks av vårt RentShare-skydd.", "Depositionshantering sker säkert.", "Tydlig skadepolicy för din trygghet."] },
+        { id: "f3", label: "Hållbarhet", title: "Cirkulär ekonomi", items: ["Minska avfall genom att dela oanvända varor.", "Minska ditt lokala koldioxidavtryck.", "Prisvärd tillgång till kvalitetsutrustning."] },
       ]}
-      title="Why RentShare?"
-      description="Discover why our community is the best place for local rentals."
+      title="Varför RentShare?"
+      description="Upptäck varför vår gemenskap är den bästa platsen för lokala uthyrningar."
     />
   </div>
 
@@ -83,13 +83,13 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "DSLR Camera", price: "$15/day", variant: "Electronics", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-dslr-camera-with-lens-extension-rings-marble-background_23-2148038876.jpg?_wi=1" },
-        { id: "p2", name: "Power Drill", price: "$8/day", variant: "Tools", imageSrc: "http://img.b2bpic.net/free-photo/set-yellow-tools_1303-20318.jpg?_wi=1" },
-        { id: "p3", name: "Stand Mixer", price: "$12/day", variant: "Kitchen", imageSrc: "http://img.b2bpic.net/free-photo/lovely-mature-woman-serving-breakfast-home_23-2148440100.jpg?_wi=1" },
+        { id: "p1", name: "DSLR-kamera", price: "150 kr/dag", variant: "Elektronik", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-dslr-camera-with-lens-extension-rings-marble-background_23-2148038876.jpg?_wi=1" },
+        { id: "p2", name: "Borrmaskin", price: "80 kr/dag", variant: "Verktyg", imageSrc: "http://img.b2bpic.net/free-photo/set-yellow-tools_1303-20318.jpg?_wi=1" },
+        { id: "p3", name: "Köksassistent", price: "120 kr/dag", variant: "Kök", imageSrc: "http://img.b2bpic.net/free-photo/lovely-mature-woman-serving-breakfast-home_23-2148440100.jpg?_wi=1" },
       ]}
-      title="Featured Rental Items"
-      description="Most popular items available right now."
-      buttons={[{ text: "View All Listings", href: "/listings" }]}
+      title="Populära hyrobjekt"
+      description="Mest populära föremål just nu."
+      buttons={[{ text: "Visa alla listor", href: "/listings" }]}
     />
   </div>
 
@@ -99,8 +99,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       names={[
         "CityRentals Inc.",        "GreenShare Corp.",        "Neighborhood Hub",        "Urban Loop",        "Community Toolbelt",        "EcoGear Collective",        "LocalExchange"]}
-      title="Trusted by Growing Communities"
-      description="Joining forces with the best local initiatives."
+      title="Betrodd av växande gemenskaper"
+      description="Vi samarbetar med de bästa lokala initiativen."
     />
   </div>
 
@@ -108,8 +108,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        { type: "text", content: "Our mission is to foster community trust while reducing waste." },
-        { type: "image", src: "http://img.b2bpic.net/free-photo/search-employee-concept-with-wooden-blocks-wooden-human-figure-top-view_176474-10441.jpg", alt: "Sharing items" },
+        { type: "text", content: "Vårt uppdrag är att främja gemenskapens förtroende samtidigt som vi minskar avfall." },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/search-employee-concept-with-wooden-blocks-wooden-human-figure-top-view_176474-10441.jpg", alt: "Dela föremål" },
       ]}
     />
   </div>
@@ -120,12 +120,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        { id: "t1", name: "Jane Doe", role: "User", testimonial: "I rented a camera for a trip and saved so much money. RentShare makes everything easy!", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
-        { id: "t2", name: "John Smith", role: "User", testimonial: "Listing my tools was a great way to earn extra cash and help neighbors.", imageSrc: "http://img.b2bpic.net/free-photo/pleasant-woman-holding-trench-coat_197531-19750.jpg" },
-        { id: "t3", name: "Alice Wang", role: "User", testimonial: "The verification process gave me peace of mind before renting my blender.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg" },
+        { id: "t1", name: "Jane Doe", role: "Användare", testimonial: "Jag hyrde en kamera för en resa och sparade massor av pengar. RentShare gör allt enkelt!", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
+        { id: "t2", name: "John Smith", role: "Användare", testimonial: "Att lista mina verktyg var ett bra sätt att tjäna extra pengar och hjälpa grannar.", imageSrc: "http://img.b2bpic.net/free-photo/pleasant-woman-holding-trench-coat_197531-19750.jpg" },
+        { id: "t3", name: "Alice Wang", role: "Användare", testimonial: "Verifieringsprocessen gav mig sinnesro innan jag hyrde ut min mixer.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-successful-beautiful-confident-senior-businesswoman-her-fifties-with-gray-hair-blue-wise-eyes-posing-indoors-keeping-arms-folded-looking-with-charming-smile_344912-1851.jpg" },
       ]}
-      title="Community Stories"
-      description="See what our happy community members are saying."
+      title="Communityberättelser"
+      description="Se vad våra glada medlemmar säger."
     />
   </div>
 
@@ -134,13 +134,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        { id: "q1", title: "How do I verify my account?", content: "You can verify your account by uploading a government-issued ID through our secure dashboard." },
-        { id: "q2", title: "Is my item insured?", content: "Yes, every listing is covered by our comprehensive RentShare protection policy up to $500." },
-        { id: "q3", title: "How is payment handled?", content: "Payments are handled securely through Stripe, ensuring transparency and safety for all parties." },
+        { id: "q1", title: "Hur verifierar jag mitt konto?", content: "Du kan verifiera ditt konto genom att ladda upp en myndighetsutfärdad legitimation via vår säkra instrumentpanel." },
+        { id: "q2", title: "Är mitt föremål försäkrat?", content: "Ja, varje listning täcks av vår heltäckande RentShare-skyddspolicy upp till 5 000 kr." },
+        { id: "q3", title: "Hur hanteras betalningar?", content: "Betalningar hanteras säkert via Stripe, vilket säkerställer transparens och säkerhet för alla parter." },
       ]}
-      title="Frequently Asked Questions"
+      title="Vanliga frågor"
       faqsAnimation="slide-up"
-      description="Everything you need to know about RentShare."
+      description="Allt du behöver veta om RentShare."
     />
   </div>
 
@@ -148,9 +148,9 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{ variant: "gradient-bars" }}
-      title="Stay Updated"
-      description="Join our newsletter to get updates about new features and local rental tips."
-      tag="Newsletter"
+      title="Håll dig uppdaterad"
+      description="Gå med i vårt nyhetsbrev för att få uppdateringar om nya funktioner och lokala tips om uthyrning."
+      tag="Nyhetsbrev"
     />
   </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #1b0c25;
-  --primary-cta: #1b0c25;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #0a7039;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1b0c25;
-  --accent: #ff93e4;
-  --background-accent: #e8a8c3;
+  --accent: #40e0d0;
+  --background-accent: #a8d9be;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);